GabaritoB — float:left
Gabarito: letra B. Para posicionar vários contêineres internos horizontalmente (um ao lado do outro), a instrução float:left é a forma clássica e amplamente suportada para fazer elementos flutuarem à esquerda, alinhando-os em linha. As demais alternativas utilizam propriedades ou valores inexistentes ou inadequados.
A questão testa o conhecimento de CSS básico para layout. A alternativa correta resolve o problema de forma simples. As incorretas misturam conceitos de display, position e align de maneira errada.
align:inline não é uma propriedade CSS válida. A propriedade align não existe; o correto seria text-align (para alinhamento de texto) ou vertical-align (para alinhamento vertical), mas ambas não posicionam elementos lado a lado horizontalmente. O valor inline também não é válido para align.
float:left é a propriedade que faz com que cada elemento flutue à esquerda, ocupando o espaço disponível horizontalmente. Quando aplicada a todos os contêineres internos, eles se alinham um ao lado do outro, desde que haja largura suficiente. É uma técnica clássica para criar layouts horizontais.
display:left não existe. O valor left não é válido para a propriedade display. Os valores válidos para display incluem block, inline, inline-block, flex, grid, entre outros. display:inline-block poderia colocar os elementos em linha, mas por si só não garante que fiquem lado a lado sem quebras de linha (depende da largura e do espaço).
position:inline é inválido. A propriedade position aceita valores como static, relative, absolute, fixed e sticky. inline não é um valor de position. O posicionamento não é usado para alinhar horizontalmente elementos em fluxo normal.
aling:inline-block contém erro de digitação (aling em vez de align). Mesmo que fosse align, essa propriedade não existe no CSS. O correto para alinhamento horizontal de elementos inline-block seria usar text-align no contêiner pai. Além disso, display:inline-block torna os elementos inline mas não os empurra para a esquerda automaticamente; eles se alinham como caracteres, podendo gerar espaços e quebras.
Na hora da prova, desconfie de valores como left, right, inline para propriedades que não os aceitam. Decore os valores válidos das principais propriedades de layout (float, display, position). float:left é uma resposta clássica para posicionar elementos lado a lado, mas lembre-se que em CSS moderno display:flex ou display:grid são mais recomendados. A FCC, porém, ainda cobra float.
Gabarito: letra B.
Link permanente: /questoes/fc058949