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 Sie sehen können Texte in buttons sollten etwas höher dann ist es jetzt
- Bitte poste deinen code.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Legen Sie die
padding-bottom
.Der demo.
Die genaue Lösung hängt davon ab, welche Inhalte genau in den button, aber die Allgemeine Idee ist:
<button>
element<div>
wird gut gehen)Sehen Sie es in Aktion.
Alternativ, wenn Sie nicht möchten, vergrößern Sie die Taste, die Sie geben konnte, das block-element
position: relative
und eine negativetop
.Sehen Sie es in Aktion.