Testo centrato in un div

[ziomaso]

Ciao a tutti,
sto realizzando una pagina web table free con div e css; volevo sapere se è possibile centrare un testo in verticale all'interno di un div...ho provato e riprovato ma non ne vengo a capo! Riesco ad allinearlo in orizzontale ma in verticale niente :/ chi mi aiuta?!

grazie & ciao!

[ziomaso]

Qualcuno mi può aiutare please?!

[Mich_]

Per poter siluppare il CSS, occorre conoscere il codice HTML.
Posta il tuo codice HTML, il DOCTYPE che usi e se vuoi uno o due tentativi di CSS che hai provato.

[ziomaso]

Scusa ma non credo sia necessario...io chiedevo soltanto se posso centrare una scritta "ciao" in verticale dentro i tag <div>

grazie

[Mich_]

Certo che puoi!

Ma che tipo di oggetto e` "una scritta"?
Centrare un oggetto di tipo inline e` diverso da centrare un oggetto di tipo block.

Poi se vuoi centrare anche per il browser IE, serve conoscere se l'oggetto da centrare e` da solo dentro l'oggetto che lo contiene.

[ricman]

Originariamente inviato da ziomaso
Scusa ma non credo sia necessario...io chiedevo soltanto se posso centrare una scritta "ciao" in verticale dentro i tag <div>

A seconda del caso io faccio così: assegno al div una line-height uguale alla height del div.
Esempio:

CSS:
.ric {
  height:30px;
  line-height:30px;
}

HTML
<div class='ric'>ciao</div>

[pierofix]

Mi associo alla soluzione di ricman, solo che questa ha qualche limitazione e qualche problema:

• si può usare solo per testi di una sola riga, ad esempio nel caso di pulsanti di un menù;
  
• occorre prevedere un hack CSS per non avere problemi nel caso in cui il testo venga ingrandito nel browser:
  

  .ric {
     height:30px;
     line-height:30px;
  }
  body > .ric {
     height:auto;
     min-height:30px;
  }

[ricman]

Originariamente inviato da pierofix [*] occorre prevedere un hack CSS per non avere problemi nel caso in cui il testo venga ingrandito nel browser:

.ric {
   height:30px;
   line-height:30px;
}
body > .ric {
   height:auto;
   min-height:30px;
}

[/list]

A questo non avevo mai pensato!! Interessante...
Grazie1000

[ziomaso]

grazie a tutti per la disponibilità! ho optato per la soluzione di ric! Funziona perfettamente!

ciao!