Mais
×

Como centralizar uma lista horizontal em uma Div em CSS

Atualizado em 17 abril, 2017

Ao criar uma página da Web, pode ser útil usar CSS para centralizar uma lista horizontal, como um menu clicável. Você pode usar CSS, que é uma linguagem de folha de estilo, ao lado do HTML para controlar a aparência de sua página. Os estilos CSS, muitas vezes, são exibidos de forma imprevisível em diferentes navegadores da Web, por isso é importante testar completamente sua página antes de publicá-la. Uma lista não ordenada (ul, do inglês "unordered list") é um elemento em nível de bloco, de modo que você pode usar a propriedade de largura para criar um efeito centralizado.

Instruções

Você pode usar CSS e HTML para controlar a aparência de sua página da Web (Comstock/Stockbyte/Getty Images)
  1. Abra seu arquivo HTML em um editor de texto, como o Bloco de Notas do Windows.

  2. Acrescente os estilos CSS necessários para a lista horizontal na seção "" de seu arquivo HTML, adicionando o seguinte código:

    A largura da lista (ul) representa a soma da largura e as margens dos itens horizontais (li).

  3. Crie uma lista horizontal na seção "" do arquivo HTML, adicionando o seguinte código:

    • first item
    • second item in div

    A tag "ul" especifica uma lista não ordenada. A tag "li" corresponde a um item da lista. Os itens da lista usam os estilos CSS que correspondem aos definidos acima.

  4. Salve o arquivo HTML e carregue-o em seu servidor da Web para visualizar a lista horizontal centralizada.

Cite this Article A tool to create a citation to reference this article Cite this Article