Questão FC373509
Em um contêiner criado pela tag div há vários contêineres menores. Para que estes contêineres internos sejam posicionados um ao lado do outro horizontalmente, pode ser utilizada, e
Desenvolvimento Web
FCC · 2020
Em um contêiner criado pela tag div há vários contêineres menores. Para que estes contêineres internos sejam posicionados um ao lado do outro horizontalmente, pode ser utilizada, em todos eles, a instrução CSS:
- align:inline
- float:left
- display:left
- position:inline
- aling:inline-block
Mostrar resposta e comentário
Gabarito
B
Comentário do professor
A instrução CSS float:left faz com que cada elemento <div> "flutue" à esquerda do contêiner, ou seja, seja deslocado lateralmente para a esquerda e permita que elementos seguintes ocupem o espaço ao seu lado, resultando no posicionamento horizontal dos blocos.
Na prática, para que vários contêineres internos fiquem alinhados em uma linha, defina em cada um uma largura apropriada (e.g. em %, px) de modo que a soma não ultrapasse a largura do contêiner pai; use box-sizing:border-box para considerar padding/border no cálculo.
Importante: elementos flutuantes saem parcialmente do fluxo normal, portanto o contêiner pai pode não crescer para envolver os filhos. Para corrigir isso aplique um clearfix (ex.: pseudo-elemento ::after) ou defina overflow:auto no pai.
Conteúdo do catálogo FC Concursos · Atualizado em