Questão nº 41
Questão de Tecnologia da Informação · FCC ALAP 2019 (nº 41)
FCC2019Analista Legislativo - Desenvolvedor de SistemasTecnologia da Informação
Gabarito: Bver comentário ↓
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:
- A`align:inline`
- B`float:left` (alternativa correta)
- C`display:left`
- D`position:inline`
- E`aling:inline-block`
Resposta comentada
Gabarito Alternativa B
Para colocar vários elementos HTML (como caixas div) lado a lado na mesma linha, o CSS oferece maneiras de mudar o comportamento padrão, que é empilhá-los um abaixo do outro. Uma técnica comum para isso é "flutuar" esses elementos para um dos lados.
- (A) Incorreta: A propriedade
alignnão é usada dessa forma para posicionar elementos lado a lado;inlineé um valor para a propriedadedisplay, não paraalign. - (B) Correta: A propriedade
floatcom o valorleftfaz com que os elementos sejam retirados do fluxo normal do documento e "flutuem" para a esquerda, permitindo que outros elementos se posicionem ao seu lado. - (C) Incorreta:
leftnão é um valor válido para a propriedadedisplay;displaydefine como um elemento se comporta (ex:block,inline,flex). - (D) Incorreta:
inlinenão é um valor válido para a propriedadeposition;positiondefine o tipo de posicionamento (ex:static,relative,absolute). - (E) Incorreta: Há um erro de digitação (
alingem vez dealign), einline-blocké um valor da propriedadedisplay, não dealign. Esta é uma armadilha comum, poisdisplay:inline-blocké de fato uma forma válida de posicionar elementos lado a lado, mas a sintaxe apresentada está incorreta.
Fonte: FCC ALAP 2019 Analista Legislativo - Desenvolvedor de Sistemas (Caderno Tipo 001). Reproduzida para fins de estudo.