Comme le titre l'indique, j'ai un élément p et je veux mettre en retrait le début de chaque paragraphe à part le premier paragraphe où je ne veux pas de retrait de texte. Comment puis-je faire cela en CSS?

0
user4313162 27 janv. 2017 à 15:37

6 réponses

Meilleure réponse

Une autre option qui ne nécessiterait pas d'ajouter de balisage ou de classes supplémentaires à votre page: http://codepen.io/panchroma/pen/jyaOJL

p{
  text-indent:20px;
}

body p:first-child{
  text-indent:0;
}

Bonne chance!

0
David Taiaroa 27 janv. 2017 à 12:47

CSS

p > span {
  margin: 5px;
  display: inline-block;
}
p > span:first-child {
  text-indent: 25px;
}

JSFIDDLE

0
Karuppiah RK 27 janv. 2017 à 12:48

Vous pouvez le faire simplement en appliquant une propriété text-indent à vos paragraphes comme suit:

p {
    text-indent: 50px;
}

La propriété text-indent spécifie la quantité de texte d'espace horizontal à déplacer avant le début de la première ligne du contenu textuel d'un élément. L'espacement est calculé à partir du bord de départ de l'élément conteneur au niveau du bloc.

Extrait de Astuces CSS .

0
Tanasos 27 janv. 2017 à 12:46

Vous pouvez donner un cours à votre premier paragraphe, puis effectuer les opérations suivantes:

p:not(.first){
  text-indent:30px
}

Veuillez vous reporter à ce lien: https://jsfiddle.net/n5pjgev6/400/

2
Aakash Thakur 27 janv. 2017 à 12:42

DEMO

    p{
  text-indent:40px
}
p:first-child{
  text-indent:0;
}
0
Bhushan wagh 27 janv. 2017 à 12:46

Vous pouvez utiliser ceci:

p:not(:first-child) {
   text-indent:30px;
}
0
Bharat Sewani 27 janv. 2017 à 13:04