Indentation après un <Hn> de multiples <p>

Bonjour à tous,

Je cherche à indenter un titre <Hn>, ainsi que tous les éléments qui suivent. J'ai par exemple :

Code:

---

1 2 3 4 5 6

<h2> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <h2> ....

---

J'utilise le CSS suivant :

Code:

---

1 2 3 4 5 6

h2 + * { margin-left: 20px; } h2 { margin-left: 20px; }

---

Mais cela n'indente que le premier <p>. Comment puis-je indenter le block complet ?

Merci d'avance !

Benoit

par exemple :

Code:

---

1 2 3 4 5 6 7

<h2> <div class="indent"> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> </div> <h2>

---

Code:

---

1 2 3

.indent { margin-left: 200px; }

---

Effectivement, mais l'objectif serait que cela s'applique à tous les h2 (et contenus qui suivent) à travers le site...

As-tu essayé sur plusieurs navigateurs ? Car chez moi, ton code indente tous les <p> (IE8 et FF). Et d'ailleurs la seconde propriété suffit :

Code:

---

1 2 3

h2 { margin-left: 20px; }

---

C'est étonnant, de mon côté, ca ne fonctionne pas sour ff, chrome et safari...

Je n'ai pas Safari sur mon poste mais avec Chrome, ça marche aussi...As-tu un autre ordi sous la main ?

Je comprends, en réalité c'est de ma faute. Mon exemple était faux. Il s'agit en réalité de :

Code:

---

1 2 3 4 5

<h2>hello</h2> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <p>dskjflkds flkjdslkfj dslkj flkdsjlfkdj lkdsjlksdfj lkdsjf lkdsjlfjdsl fj</p> <h2>hello 2</h2>

---

Dans ce cas la, uniquement le premier <p> est indenté..

Bonjour,
pourquoi ne pas faire simplement

Code:

---

1 2 3

p { margin-left:20px; }

---

si non tu peux toujours cibler via le sélecteur ~ (tilde)

Code:

---

1 2 3

h2 ~ p { margin-left:20px; }

---

Super merci. L'opérateur ~ était ce qu'il fallait.

Merci pour votre aide !