Web designers usam listas de marcadores para mais do que apenas adicionar marcadores e texto. A tag HTML usada para criar listas de marcadores é útil para criar menus ou organizar imagens para um JavaScript carregar em uma apresentação de slides. Aprender a usar o código de folha de estilo em cascata em conjunto com listas de marcadores - chamadas "listas não ordenadas" na gíria HTML - abrirá várias possibilidades interessantes de design da Web.
Etapa 1
Abra o arquivo HTML que contém a lista com marcadores e procure entre os e tags na parte superior do código. Adicione tags se elas ainda não estiverem presentes. Se o seu código incluir uma tag em algum lugar após o e que contém uma referência a um arquivo CSS, abra esse arquivo. Seu código CSS vai entre as tags ou em uma nova linha do seu arquivo CSS.
Etapa 2
Alinhe o texto em todos os marcadores definindo "text-align" para sua tag
. A tag envolve o - e
tags para defini-los como parte de uma única lista. Quando você alinha o texto para a tag , o alinhamento afeta o texto em cada marcador, mas não alinha a própria lista à esquerda ou à direita da página. Aqui está um exemplo de código CSS para definir "text-align":
ul {text-align:right;}
Observe que os marcadores não se movem com o texto. As balas ficam à esquerda neste caso.
Etapa 3
Alinhe a lista inteira à esquerda ou à direita da página definindo "float" para sua tag . Quando "float" é definido para a esquerda ou direita em uma tag , ele move toda a lista com marcadores para a esquerda ou direita da página. Defina float assim:
ul {float:certo;}
Você pode definir "float" para a esquerda ou para a direita, mas não para o centro.
Etapa 4
Envolva suas tags e tags para criar um wrapper que centralizará a lista com marcadores em sua página. Seu código resultante ficará assim:
- Item de lista
- Item de lista
A tag não centraliza nada sozinha; você deve usar CSS para centralizar tudo. Adicione o seguinte código entre suas tags
