Company logo
  • Empleos
  • Bootcamp
  • Acerca de nosotros
  • Para profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
    • Bootcamp
  • Para empresas
    • Inicio
    • Nuestro proceso
    • Planes
    • Pruebas
    • Nómina
    • Blog
    • Calculadora

0

62
Vistas
How can I use float-left and vertical-align top both together?

I want to use float left and vertical-align top both together.I have div of 1000px by 1000px. I want to set 7 images as I shown in picture. I want this kind of result

With this code I get this

<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.
7 months ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar empleo Planes Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2023 PeakU Inc. All Rights Reserved.