html - How can I allign images in four vertical rows? -


i want allign many pictures in 4 rows going downwards shown in attached image. problem having try either ends in 1 long row of images, images spread around page or 3 rows on top of eachother.

div {      text-align: justify;  }    div img {      display: inline-block;      width: 100px;      height: 100px;  }    div:after {      content: '';      display: inline-block;      width: 100%;  }
<body>      <div>          <img src="" alt="" />          <img src="" alt="" />          <img src="" alt="" />          <img src="" alt="" />      </div>  </body>

try code .... hope looking for... hope works


Comments