Cómo puedo colocar los elementos div como están en la imagen [cerrado] - html, css

Como obtener mis elementos div se posiciona de esta maneraenter image description here

Respuestas

Utilice flexbox para imitar un diseño de mampostería.

HTML

<div id="container">
<img src="/images/blah1.jpg" alt>
<img src="blah2.jpg" alt>
<img src="blah3.jpg" alt>
<img src="blah4.jpg" alt>
</div>

CSS

div#container {
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: wrap;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
max-height: 600px;
width: 500px;
}

div#container img {
width: 50%;
}