Wie positionieren Sie den text innerhalb einer Schaltfläche?

Benutze ich ein untypisches Bild hintergrund in einer Schaltfläche. Ich brauche, um diesen text angezeigt "höher" in der Schaltfläche als den Standardwert (vertikal zentriert). Was muss ich tun?

CSS:

.button {
   width: 211px;
   height: 66px;

   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   text-transform: uppercase;
   color: white;

   background: url('../img/button.png') no-repeat;
   border: none;
   cursor: pointer;
}

HTML:

<input type="submit" class="button" value="Submit"/>
(...)
<button class="button">Get a quote</button>

Bildschirm vom browser:
Wie positionieren Sie den text innerhalb einer Schaltfläche?

Wie Sie sehen können Texte in buttons sollten etwas höher dann ist es jetzt

  • Bitte poste deinen code.
InformationsquelleAutor kspacja | 2012-09-21
Schreibe einen Kommentar