Zentrieren von Absende-Buttons (formular)

[marley]

Hallo,
ich versuche gerade einen Button innerhalb eines Formulars zu zentrieren (steckt in einem div-Kasten).
Nun soll aber nur dieser button zentriert werden.

Das klappt soweit wunderbar mit
<center><input type='Submit'...></center>

Allerdings scheint das nicht wirklich sauber zu sein, das <center> element ist ja "als deprecated eingestuft".

margin-left:auto;
margin-right:auto;
funktioniert allerdings auch nicht (ist ja ein inline-element, hab ich das richtig verstanden?).

Also was tun um solch einen button zu zentrieren?

[Mel]

Hallo,

was alles steckt in dem div-Kasten?
nur der input-button?

wie man inline-elemente zentriert hat Gunnar eben Herrn Kaleu verraten:
https://forum.selfhtml.org/?t=126357&m=814885

vg melanie

[Gunnar Bittersmann]

Hello out there!

Also was tun […]

Einfach im Forum lesen, auch andere Threads als deine.

[…] um solch einen button zu zentrieren?

Das sagte ich gerade eben.

See ya up the road,
Gunnar

[marley]

Vielen Dank erstmal für die Antwort, vielleicht hätte ich wirklich erstmal gründlicher suchen sollen.

Allerdings spricht der button auf text-align:center; nicht an.
Stattdessen wird er einfach links ausgerichtet (sowohl im IE als auch im Firefox).

CSS:
  .shoutbutton {
         margin-top:7px;
         margin-bottom:7px;
         border-width:1px;
         border-color:#7B7B7B;
         border-style:solid;
         border-collapse:collapse;
         background-color:#FAFAFA;
         font-family:Verdana, Arial, sans-serif, "Lucida Grande";
         font-size:10px;
         padding-top:0px;
         padding-bottom:0px;
         padding-left:5px;
         padding-right:5px;
         text-align:right;
  }

<input type='Submit' name='senden' value='senden' class='shoutbutton'>

[Gunnar Bittersmann]

Hello out there!

[…] vielleicht hätte ich wirklich erstmal gründlicher suchen sollen.
Allerdings spricht der button auf text-align:center; nicht an.

Vielleicht hättest du wirklich erstmal gründlicher lesen sollen. Aus dem Beispiel in SELFHTML geht doch gut hervor, welchem Element du die Eigenschaft text-align verpassen musst.

Noch genauer steht es in der CSS-Spezifikation: 16.2 Ausrichtung:  die 'text-align'-Eigenschaft

See ya up the road,
Gunnar