h1 cambia il font e dimensione

Per formattare le intestazioni avevo dei normali div e si vedeva cos'


By clidor at 2012-07-09

Poi ho letto che è meglio mettere h1 e h2 (anche se non ho ancora capito cosa cambi), ma è diventata così


By clidor at 2012-07-09


Questo è il css

h1{
width:auto; 
height:auto; 
font-family:verdana; 
font-size:2.7em; color:#ffffff; 
text-shadow: 4px 4px 10px #000000;
text-align:left; 
margin-top:40px; 
margin-left:30px;  
}  
h2{
width:auto;
height:auto; 
font-family:verdana; 
font-size:1.23em; color:#ffffff; 
font-style:italic; 
text-shadow: 4px 4px 10px #000000;
text-align:left; 
margin-top:20px; 
margin-left:30px; 
}

<div id="header">  
<h1>Salute & Bellezza</h1>  
<h2>...il bel mondo del vivere</h2>  
<span style="text-align:right"></span>  
</div>

Perché cambia così?

[acsocmel]

se per brutta intendi spessa sappi che è normale
tutti gli acca-qualcosa (h1 h2 ...) sono intesi titoli e i vari browser li rappresentano come un blocco di testo in grassetto e con un certo padding e margin per evidenziarli dal resto
modifica il font-weight