Mehrere Elemente über verfügbaren Platz verteilen

[Harlequin]

Yerf!

Ich versuche gerade mehrere Buttons innerhalb einer Zeile gleichmäßig zu verteilen, aber irgendwie scheitere ich dabei...

Da Margin eigentlich den Abstand zwischen den Elementen  oder dem Elternelement regelt sollte ein margin:auto bei jedem Button doch eigentlich das gewünschte (gleich viel Abstand zwischen den Buttons und zum rand) erreichen, oder?

<div style="width:100%;">
<input type="button" value="LÖSCHEN" name="loeschen" style="margin:auto;">
<input type="button" value="SPEICHERN" name="speichern" style="margin:auto;">
</div>

Leider ist aber nur der Abstand zum Rand jeweils gleich groß, zwischen den Buttons ist kein Abstand (ok, so ca. 3px oder so sinds, aber definitiv zu wenig).

Was mache ich falsch oder ist mein Problem nicht zu lösen (Tabellen mal weggelassen)?

Gruß,

Harlequin

PS: ich suche nach einer allgemeinen Lösung, da sich die Anzahl der Buttons je nach Situation ändern kann, deshalb bitte keine festen Margins oder so empfehlen...