Aide mise en forme css block H2 et p

[Manu-41]

Bonjour,

je souhaite faire un plus beau style avec la description de catégories, car ça fait un gros pavé de texte.

J'ai actuellement une structure comme ça :

<h2>mon titre de paragraphe</h2>
<p>mon paragraphe</p>
<h2>mon 2eme titre de paragraphe</h2>
<p>mon 2eme paragraphe</p>
<h2>mon 3eme titre de paragraphe</h2>
<p>mon 3eme paragraphe</p>
<h2>mon 4eme titre de paragraphe</h2>
<p>mon 4eme paragraphe</p>

Je voudrais avoir un titre et un paragraphe à gauche, le 2ᵉ titre et paragraphe à droite, le 3e titre et paragraphe à gauche, le 4ᵉ titre et paragraphe à droite…,

J'ai testé avec

#category-description h2, p:nth-child(2n+0) {
	float:right;
}

mais ça met toutes les h2 à droite.

Une aide serait précieuse.

Merci

[Mediacom87]

Bonjour,

Pourquoi ne pas utiliser les classe bootstrap ?

https://getbootstrap.com/docs/3.3/css/#grid

[Manu-41]

2 minutes ago, Mediacom87 said:

Bonjour,

Pourquoi ne pas utiliser les classe bootstrap ?

https://getbootstrap.com/docs/3.3/css/#grid

Merci Mediacom pour ton aide.

Je pense ne pas pouvoir l'utiliser, car je n'ai pas de div entre mes H2 et p

Il s'agit des descriptions de catégorie, je ne veux pas reprendre une par une la description ;-(

Je pense que l'on peut faire quelque chose en css.

Mais je n'arrive pas à faire bouger le H2 avec :nth-child(2n+0)