centrare verticalmente il testo di un button

**zephiro** · 14-04-2014, 13:53

Buongiorno,
ho dei button che hanno una altezza fissa e che possono contenere una o due righe di testo.
Vorrei centrare il testo verticalmente rispetto ai bordi del button.
Se però uso line-height impostandolo uguale alla altezza del button funziona se c'è una riga di testo ma, ovviamente, se sono due righe non va bene perchè visualizza solo la prima.
Vorrei evitare di fare due classi diverse per i bottoni ad una e due righe!
Grazie e scusate la niubbaggine.

**KillerWorm** · 14-04-2014, 15:42

Ciao, prova così:

codice HTML:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      button{
        padding:0;
        width:150px;
        height:50px;
        vertical-align:middle;
      }
    </style>
  </head>
  <body>
    <button type="button">Lorem ipsum</button> dolor sit amet.
    Ut enim ad minim veniam, <button type="button">quis nostrud exercitation ullamco</button> laboris nisi ut aliquip ex ea commodo consequat.
  </body>
</html>

Discussione: centrare verticalmente il testo di un button

Strumenti discussione

Ricerca discussione

Visualizza

centrare verticalmente il testo di un button

Permessi di invio