表要素にマージンを適用するには、表示プロパティをブロックに設定する必要があります。デフォルトでは、display プロパティは table に設定されており、margin および padding rules に対応していません。
次のようなものを試してください:
table {border: 1px solid #f00;}
tr {display:block}
tr:nth-child(5) {margin-top:15px;border-top:1px solid #f00;}
td:first-child {width:200px;}
また、select 要素の左側のセルにラベルを付けるか、レイアウトのためにテーブルを完全に放棄することを検討してください。に andが含まれる<section>
2 つの childを使用すると、柔軟性が向上する<ul>
場合があります。<li>
<label>
<select>
<style>
section { width:600px; }
ul { border:1px solid #f00; margin:10px 0 0 0; padding:10px;}
li { margin:8px 0; width:400px; clear:both; }
select { float:right; }
</style>
<section>
<ul>
<li>
<label for='seats_timeclock[]'>Foo</label>
<select name="seats_timeclock[]">
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
</select>
</li>
</ul>
<ul>
<li>
<label for='seats_timeclock[]'>Bar</label>
<select name="seats_timeclock[]">
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
</select>
</li>
</ul>
</section>
http://jsfiddle.net/sSmCc/3/