Gruppe von Buttons zentrieren

Hallo,

ich habe mal wieder eine Frage, diesmal betrifft es eine Gruppe von HTML-Buttons :

<div id="buttons">
			<button id="button-north">Norden</button>
			<button id="button-west">Westen</button>
			<button id="button-east">Osten</button>
			<button id="button-south">Süden</button>
	</div>

Nun möchte ich diese auf der Seite zentrieren:

Meine Versuche mit margin: 0 auto; sind fehlgeschlagen, kennt hier jemand
eine Lösung via CSS?

mfg Nita

Danke für die Antwort,

habe gerade gesehen , dass ich vergessen hatte im Eingangspost zu erwähnen,
dass auch text-align: center und die Zuweisung einer Breite nichts am Ergebnis ändern.

Einzige Möglichkeit die ich bisher gefunden habe ist die veraltete align: center -> Schreibweise
im HTML auf die ich aber logischerweise nicht zurückgreifen möchte.

Nein, hier am Handy beim Chrome klappt deine Version auch , nur beim Pc scheint es beim Schwierigkeiten gegeben zu haben, werde mich dann morgen nochmal melden ob es dort nun auch klappt

Heute klappts scheinbar auch im Chrome so, danke schön