[Solved] Css image positions [closed]

by


Use display:flex; to set them in same line and set margin-top to wanted img

.wrap{
display:flex;
}
img{
width:337px;
height:235px;
padding: 5px;
}
.down{
    margin-top: 100px;
}
<div class="wrap">
  <img src="https://material.angular.io/assets/img/examples/shiba1.jpg"/>
  <img src="https://material.angular.io/assets/img/examples/shiba1.jpg" class="down"/>
  <img src="https://material.angular.io/assets/img/examples/shiba1.jpg"/>
</div>

With boostrap 3 as your comment:

See here:https://jsfiddle.net/bfcs2670/2/

.down{
 margin-top: 100px;
}
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <div class="container">
    <div class="row"> 
      <div class="col-sm-4"> 
        <img class="Asset-99" src="https://material.angular.io/assets/img/examples/shiba1.jpg" style="width: 100%"> 
      </div> 
      <div class="col-sm-4 down"> 
        <img class="Asset-100" src="https://material.angular.io/assets/img/examples/shiba1.jpg" style="width: 100%;"> </div> 
      <div class="col-sm-4"> 
        <img class="Asset-101" src="https://material.angular.io/assets/img/examples/shiba1.jpg" style="width: 100%"> 
      </div> 
    </div>
</div>

3

solved Css image positions [closed]