Pourquoi ce XHTML n'est-il pas valide?

Question

Pourquoi ce XHTML n'est-il pas valide? Le code HTML:

<h2>earthquake warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 

Le CSS:

h2 { 
font: bold 20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
padding-bottom: 5px; 
padding-top: 5px; 
text-transform: uppercase; 
} 

h2 span { 
font-weight: normal; 
text-transform: none; 
display: inline; 
} 

Answer 1

Il est plus de mettre à l'intérieur h2span.

Source complet:

<span class="warning"> 
       <h2>Bushfire warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 
       <p class="warning" />Dignissim elit quod dolore sollemnes iriure. Ut suscipit nunc laoreet lectorum facilisi. Consequat eodem consequn congue humanitatis. Vel in litterarum odio solissi. <a href="#">For more information click here.</a> 

</span> 

Vous ne pouvez pas mettre un h2 dans une balise span. Essayez d'utiliser un div à la place:

<div class="warning"> 
       <h2>Bushfire warning <span>Posted 03/11/2009 at 2.05pm</span></h2> 
       <p class="warning" />Dignissim elit quod dolore sollemnes iriure. Ut suscipit nunc laoreet lectorum facilisi. Consequat eodem consequn congue humanitatis. Vel in litterarum odio solissi. <a href="#">For more information click here.</a> 

</div> 

Answer 2

Parce que h2 est à l'intérieur d'une travée. Vous ne pouvez pas mettre un élément de bloc (h2) à l'intérieur d'un élément en ligne (span).

Remplacez l'intervalle par un div.

Answer 3

cela fonctionne réellement, il vous suffit JNV pour définir la taille de police et de la famille à elle

i édité comme

div.content h2 span { 
display:block; 
font-size:12px; 
font-weight:normal; 
text-transform:none; 
} 

Voici le résultat: sample