これらのボタンを中央に配置したい (3 つのバージョンは、同じものの異なるバージョンを表す)..そのため、css と html はすべて同じにする必要があります..項目の数だけを変更する必要があります。
幅を設定して、インライン要素を使用できないようにしたい（テキストを中央に揃えるだけ）。
また、異なるスタイルシートを使用してボタンを垂直方向に柔軟に積み重ねるためにも使用できるように、html マークアップを十分にシンプルにする必要があります。
これを達成する方法について何か考えはありますか？私は方法を見ていません。
現在、1 ～ 3 個の要素があります。理想的には、任意の数をカバーする可能性がありますが、それは必須ではありません。そして、IE6で動作するようにしたい..
私はあなたのために編集しました： http://jsfiddle.net/vrcQp/6/
ここで置き換えるだけfloat:left;ですdisplay:inline-block;
しかし、なぜあなたのボタンは<div>? 私には見える<button>か<input />、デフォルトでインラインブロックです。互換性のために、次のことを確認させてください: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
ボタンの幅をパーセントからピクセルに変更しても構わない場合は、この記事で説明されている手法を使用できます。基本的に position: relative; を使用します。左: 50%; 右: 50%。メニューでアイテムを水平方向に中央揃えにします。
それはあなたがやろうとしていることですか？