H2 et le paragraphe, en ligne?

Question

Je sais paragraphe et rubriques sont des éléments de bloc, de sorte que c'est la raison pour laquelle je vais avoir un temps enveloppant mon esprit autour de ce qui est la meilleure façon de faire l'accessibilité sage.

Disons que, par exemple, je copie comme ceci:

* Ce est la rubrique. * Ceci est le paragraphe, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.

Comment mon affichage HTML et CSS cela correctement?

Answer 1

h2, p { 
    display: inline; 
} 
div.p { 
    /* whatever margins/paddings you would normally apply to p */ 
} 

et

<div class="p"> 
<h2>This is the heading.</h2> 
<p>This is the paragraph</p> 
</div> 

Vous auriez besoin d'enfermer tous <p> dans un élément de niveau bloc (comme <div>) pour éviter que l'effondrement des paragraphes consécutifs.

Answer 2

Vous êtes presque répondre à la question vous-même;)

h1, p { 
    display: inline; 
} 

Je ne sais pas si cela fonctionne dans IE6 si (je confondu avec inline-block ici, inline fonctionne très bien dans tous les navigateurs)

Answer 3

alternative:

h2 
{ 
    float: left; 
    /* adjust h2 font-size etc as needed */ 
} 
... 
<div> 
<h2>heading</h2> 
<p>Paragraph</p> 
</div> 

Ceci a l'avantage d'être encore en mesure de préciser les marges, rembourrages, etc sur le h2.