Centrare h2 in un div

**lucker** · 29-07-2006, 13:55

non riesco a centrare verticalmente un h2 dentro un div. Il testo dentro dreamweaver mi compare al centro, quando pubblico va in topline.

div#titolo{
text-align: center;
height: 50px;
width: 750px;
background-color:#FFF8a9;
vertical-align: middle;
}

div#titolo h2{
color: #FF0000;
vertical-align: middle;
}

dove sbaglio ?

**fcaldera** · 29-07-2006, 14:20

il vertical-align: middle non ha efficacia usato così

Hai due alternative:
- o imposti display: table-cell; sul div (in modo da poter usare anche il vertical-align)
- oppure imposti il line-height ad un valore uguale all'height (50px nel tuo caso) e togli il vertical-align

Ciao

**lucker** · 29-07-2006, 14:39

ho provato, in firefox il titolo sembra abbastanza centrato, in IE invece no.....

:master:

**fcaldera** · 29-07-2006, 14:43

IE imposta dei margini di default negli header h1..h6
basta impostare margin: 0 sull'h2

codice:

<style>
div#titolo{
text-align: center;
height: 50px;
line-height: 50px;
width: 750px;
background-color:#FFF8a9;
}

div#titolo h2{
margin: 0;
color: #FF0000;
}

</style>

<body>
<div id="titolo">
<h2>titolo</h2>
</div>
</body>

**lucker** · 29-07-2006, 14:45

è vero non me lo ricordavo più, da lo stesso problema anche con i form...

Discussione: Centrare h2 in un div

Strumenti discussione

Ricerca discussione

Visualizza

Centrare h2 in un div

Permessi di invio