Quiero usar float left y vertical-align top juntos. Tengo div de 1000px por 1000px. Quiero configurar 7 imágenes como se muestra en la imagen. quiero este tipo de resultado
<style> .container{ border: 1px solid black; height: 1000px; width: 1000px; } .img{ /* vertical-align: top; */ display: inline-block; float: left; } </style> </head> <body> <div class="container"> <div class="img"><img src="1.jpg" alt=""></div> <div class="img"><img src="2.jpg" alt=""></div> <div class="img"><img src="3.jpg" alt=""></div> <div class="img"><img src="4.jpg" alt=""></div> <div class="img"><img src="5.jpg" alt=""></div> <div class="img"><img src="6.jpg" alt=""></div> <div class="img"><img src="7.jpg" alt=""></div> </div> </body>
I tried to use vertical-align: top; display: inline-block; both together but it didn't work.