HTML: Welches CSS-Attribut macht Inhalt in Button "center"?

Question

Es ist eine seltsame und nicht die wichtige Frage:
, wenn ich einen button-Tag in HTML zu erstellen, geben Sie Text eingeben, wie „click me“ oder etwas

<button> Click me! </button> 

dann css verwendet ihm width und height zu geben, wie:

.myBtn{ 
    width:100px; 
    height:100px; 
} 

Die Worte "Klick mich!" wird automatisch in der Mitte meines Knopfes sein.
Ich versuchte text-align:left;, werden die Worte auf die linke Seite zu bewegen,
das heißt, ich deaktivieren sein Horizont Zentrum

aber ich weiß nicht, wie es nicht vertikale Mitte zu machen?
setzen Elemente vertikale Mitte hat immer eine Lösung zu machen (wie nach/vor, flex, Marge ... etc), aber heute möchte ich den Inhalt machen nicht vertikale Mitte in Button,
Ich habe total keine Ahnung wie man das macht, außer dass man oben und links wechselt.

weiß jemand, welche Attribute ich ändern sollte, um es nicht vertikale Mitte zu machen?

btw, ich möchte nur wissen, was grundlegenden Attribute der Taste seinen Inhalt Zentrum zu machen hat, nicht die Lösung des Inhalts-Taste nach links-oben zu setzen, so wenden Sie sich bitte mich nicht top, left, calc sagen verwenden oder etwas über die Änderung der Position des Inhalts zu berechnen, das wird großartig sein.

Answer 1

.myBtn{ 
 
    width:100px; 
 
    height: auto; 
 
    padding-bottom:82px; 
 
    min-height:100px; 
 
}

<button class="myBtn"> Click me! </button>

Sie können mit min-height und padding-bottom

Answer 2

Sie tut dies, indem einen <span> Tag zu Ihrem <button> Tag .I'm Zugabe hinzugefügt, um das Snippet unten

button{ 
 
    width:100px; 
 
    height:100px; 
 
    } 
 

 
button > span { 
 
    display: inline-block; 
 
    vertical-align: top; 
 
} 
 

 
button:after { 
 
    content: ""; 
 
    display: inline-block; 
 
    vertical-align: top; 
 
    height: 100%; 
 
}

<button> 
 
    <span> <!-- Added wrapper --> 
 
     Click Me...! 
 
    </span> 
 
</button>