Gabarito: B - li {display:inline}

O CSS é uma linguagem de estilo que controla a apresentação de elementos HTML em uma página web. A questão aborda um conceito fundamental do CSS que é a propriedade display. A propriedade display especifica como um elemento deve ser exibido na página.

Por padrão, os elementos <li> (list item), que são usados dentro de listas ordenadas (<ol>) ou não ordenadas (<ul>), são exibidos como block. Isso significa que cada <li> ocupa uma linha inteira na vertical, criando uma lista onde cada item está abaixo do anterior.

Para alterar esse comportamento e fazer com que os itens de lista sejam apresentados lado a lado, em uma linha horizontal, é necessário mudar o valor da propriedade display para inline. O valor inline faz com que o elemento se comporte como um elemento de linha, permitindo que outros elementos sejam dispostos ao seu lado na mesma linha.

Portanto, a alternativa correta é a B - li {display:inline}, onde a propriedade display é definida com o valor inline para os elementos <li>, fazendo com que eles sejam alinhados horizontalmente na página.

B) li {display:inline}

Gabarito: B) li { display: inline; }

Resumo do Resumo:

display: inline faz os itens de lista (<li>) aparecerem em linha (horizontal), não como blocos verticais.

Por que não as outras?

• A) layout: inline: Propriedade inexistente no CSS.
• C) display: block: Mantém os itens em bloco (vertical, padrão do <li>).
• D) ul { display: inline; }: Aplica inline ao contêiner (<ul>), não aos itens (<li>).

Dica: Use display: inline-block para alinhar itens mas manter propriedades de bloco (como margens).