Comment faire pour créer une indentation Hanging With CSS

Comment faire pour créer un retrait négatif Avec CSS. Un élément de niveau bloc HTML, comme un paragraphe peut être stylé avec un retrait négatif. L'élément que vous Styling doit contenir plus d'une ligne. Les étapes suivantes expliquent comment créer un retrait négatif avec CSS.

Instructions

1 Créez le retrait négatif en utilisant la propriété text-indent combiné avec padding-left. Il est préférable d'attribuer la règle CSS du paragraphe ou tout autre élément en utilisant une classe. Voici un exemple de classe appelé pendaison-indent:

.hanging-indent {
text-indent: -25px;
padding-left: 25px;
}

2 Notez que le montant réel de text-indent est donnée comme un nombre négatif; dans ce cas il est -25px. Ensuite, une deuxième règle pour padding-left est donnée; dans ce cas il est 25px. Ces deux valeurs ne doivent pas correspondre. La seule chose que vous devez faire est d'utiliser un nombre négatif pour le texte-tiret et une valeur positive pour padding-left.

3 Les paragraphes dans la barre latérale sur le côté droit de la page dans l'image montrent l'effet. Chaque paragraphe dans la barre de droite est affectée à la classe ci-dessus: .hanging-tiret.

4 Si vous avez ajouté une bordure à la règle, la frontière serait entourer l'élément entier de niveau bloc (voir image).