Buttontext zentrieren

[opi]

Hallo,

wie kann ich einen Buttontext zentrieren?

Dieses Beispiel funktioniert leider nicht:

.button {
   width:30em;
   height:1em;
   text-align:center;
}

<button class="button" name="Action" type="submit" value="Submit">
   Zentrierter Text
</button>

Was mache ich da falsch?

Greez,
opi