Comment créer un retrait suspendu 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:

   
   
   
   
   

   .pendaison-indent {
   &# 9-text-indent: -25px;
   &# 9-padding-left: 25px;
   }

2. Notez que le montant réel de text-indent est donné comme un number- négatif dans ce cas, il est -25px. Ensuite, une deuxième règle pour padding-left est given- 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).