Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

188
Visualizações
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.
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda