私は簡単なページを持っています:
<!DOCTYPE html><html><head><title>Choose your Location - ChubbyParade.com</title>
<style type="text/css">
#sv_btn_container{
display:block;
text-align:center;
margin:0px auto;
}
#sbm_btn{
margin-left:auto;
margin-right:auto;
}
#location_selector{text-align:center;}
</style>
</head>
<body>
<div id="location_selector" style="width:300px;padding:1em;margin:0;border:1px solid #999999">
<form>
<div>Please choose your location</div>
<div id="selectors">
<div>
<select name="country" style="padding:0.5em">
<option>Country</option>
<!--etc.-->
</select>
</div>
</div>
<div style="clear:both"></div>
<div id="sv_btn_container" style="margin-top:0.5em" align="center">
<input type="submit" id="sbm_btn" value=" SAVE " class="button" style="display:none" />
</div>
</form>
</div>
</body></html>
表示スタイルを「ブロック」に設定することで、javascript を使用して送信ボタンを動的に表示します (上記のスクリプトには表示されていません)。
送信ボタンを中央に配置したい。
しかし、私が試した auto-margins と text-align の組み合わせに関係なく、ボタンはコンテナーの左側に表示されます。