Comment aligner une liste à puces en html

Ouvrez votre fichier HTML contenant la liste à puces et regarder entre les et étiquettes vers le haut du code. Ajouter des balises si elles ne sont pas déjà présents. Si votre code comprend une étiqueter quelque part après la tag, et que contient une référence à un fichier CSS, puis ouvrez ce fichier à la place. Votre code CSS va entre les balises ou sur une nouvelle ligne de votre fichier CSS.

Aligner le texte dans toutes les balles en réglant "text-align" pour votre

tag. La
tag enroule autour de la
• et
balises pour les définir comme faisant partie d'une liste unique. Lorsque vous alignez texte pour le
tag, l'alignement affecte texte dans chaque balle, mais ne pas aligner la liste elle-même vers la gauche ou la droite de la page. Voici un exemple de code CSS pour régler "text-align":

ul {text-align: right;}

On notera que les balles ne se déplacent pas avec le texte. Les balles rester sur la gauche dans ce cas.

Aligner l'ensemble de la liste à gauche ou à droite de la page en réglant "float" pour votre

tag. Lorsque "float" est réglé à gauche ou à droite sur un
tag, il se déplace toute la liste à puces à gauche ou à droite de la page. Réglez flotteur comme ceci:

ul {float: right;}

Vous pouvez définir "flotter" vers la gauche ou la droite, mais pas au centre.

Enveloppez votre

Mots-clés,
et
balises pour créer une enveloppe qui va centrer la liste à puces sur votre page. Votre code résultant ressemblera à ceci:





Liste article

Liste article



La

tag ne centre pas rien itself- vous devez utiliser les CSS pour tout centrer. Ajoutez le code suivant entre votre