Como alinhar uma lista de marcadores no html

Web designers usar listas de bala para mais do que apenas a adição de marcadores e texto. A tag HTML usado para criar listas de bala é útil para a criação de menus ou organizando as imagens para um javascript para carregar em uma apresentação de slides. Aprender a usar o código folha de estilo em cascata em conjunto com listas de bala - chamada "listas não ordenadas" na gíria HTML - vai abrir várias possibilidades Web-design emocionantes.

  • Abra o arquivo HTML contendo a lista com marcadores e olhar entre o e Tag em direção ao topo do código. Adicionar tags se eles já não estão presentes. Se o seu código inclui um marcar algum lugar após a tag e que contém uma referência a um arquivo CSS, em seguida, abrir esse arquivo em seu lugar. Seu código CSS vai entre as tags ou em uma nova linha de seu arquivo CSS.

  • Alinhar o texto dentro de todas as balas, definindo "alinhamento de texto" Para o seu

    tag. o
    tag envolve a
  • e
  • tags para defini-los como parte de uma única lista. Quando alinhar o texto para o
    tag, o alinhamento afeta texto em cada bala, mas não se alinha a própria lista à esquerda ou à direita da página. Aqui está um exemplo de código CSS para definir "alinhamento de texto":

    ul {text-align: right;}

    Note-se que as balas não se movem com o texto. As balas ficar à esquerda neste caso.

  • Alinhe a lista inteira para a esquerda ou para a direita da página, definindo "flutuador" Para o seu

    tag. Quando "flutuador" está definido para a esquerda ou para a direita em um
    tag, move-se toda a lista de marcadores para a esquerda ou para a direita da página. Definir flutuador como este:

    ul {float: right;}



    Você pode definir "flutuador" para a esquerda ou a direita, mas não para o centro.

  • Envolva seu

    tags
    e
    tags para criar um wrapper que irá centralizar a lista com marcadores em sua página. Seu código resultante será parecido com este:


  • lista de Itens

  • lista de Itens

o

tag não centralizar nada pela si- você deve usar CSS para centralizar tudo. Adicione o seguinte código entre o seu

div {display: BLOCO text-align: center,}
ul {display: inline-BLOCO text-align: left;}

dicas & avisos

  • Use o código CSS em listas com marcadores em HTML para criar menus. Configuração
  • tags a flutuar à esquerda torna alinham umas contra as outras, e configuração "list-style" para "Nenhum" para o
    tag faz com que as balas desaparecer. Depois disso, o estilo da lista com marcadores com cores e espaçamento para se adequar ao design de sua página Web.
De esta maneira? Compartilhar em redes sociais:

LiveInternet