Allonger la bordure (mais pas le <p>)

Fermé
MikasaShingeki Messages postés 4 Date d'inscription vendredi 11 septembre 2015 Statut Membre Dernière intervention 11 septembre 2015 - 11 sept. 2015 à 17:12
MikasaShingeki Messages postés 4 Date d'inscription vendredi 11 septembre 2015 Statut Membre Dernière intervention 11 septembre 2015 - 11 sept. 2015 à 18:27
Bonjour,

Bon c'est encore moi haha je vous embête plus après avant un certain temps (je l'espère).

Alors voila j'ai mis border right + left à mes <p>, seulement j'aimerai qu'entre chaque paragraphe et <h2>, <h3>, la bordure ne se coupe pas SANS pour autant réduire l'espacement du texte.

Voila le code que j'ai pour le moment (CSS)

p {
  font-family: sans-serif;
  text-align: center;
  margin-left: 500px;
  margin-right: 500px;
  border-left: 3px solid orange;
  border-right: 3px solid orange;

}


Et voici ce que j'obtiens (je voudrais que la bordure longe tout le les paragraphes sans coupure)
:

Merci d'avance!

A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
11 sept. 2015 à 17:22
Salut,

La coupure semble provenir d'une marge supérieur appliqué à tes paragraphes.

Essaye d'ajouter un margin-top: 0; sur tes paragraphes. Si tu veux garder l'espace entre les paragraphes tu peux jouer avec padding-top pour remplacer la marge supérieur.

Bonne journée
0
MikasaShingeki Messages postés 4 Date d'inscription vendredi 11 septembre 2015 Statut Membre Dernière intervention 11 septembre 2015
11 sept. 2015 à 18:27
Merci beaucoup! Ca n'avait pas marché avec un margin-top de 0 du coup j'ai essayé un margin-bottom de 0 et ça marche :D
0