2つのチェックボックスを並べて並べる

Question

こんにちは私は2つのチェックボックスを並べて整列させてチェックボックスを整列させようとしていますが、チェックボックスを左右に並べると、アップ方法

がここに存在する場合ので、私は思ったんだけど、左

上のテキストサイズに依存することは、コード

UPDATEはBROKEN CODEです。

http://jsfiddle.net/Ysf7t/1/

Answer 1

最も簡単な方法は、（等、すなわち、「サッカー」、「メルセデス」）CSSを介して固定幅の名前を与えることであろう。

基本的にはこのような何か：もちろん

<h1>Sports</h1> 

<div> 
    <input type='checkbox' name='system_type17' value='2' /> 
    <input type="checkbox" name="system_type3" value="5" /> 
    <span style="width:100px;display:inline-block;">Soccer</span> 
    <input type='checkbox' name='system_type17' value='2' /> 
    <input type="checkbox" name="system_type3" value="5" /> 
    <span style="width:100px;display:inline-block;">Mercedes</span> 
</div>   
<div> 
    <input type='checkbox' name='system_type18' value='3' /> 
    <input type='checkbox' name='system_type4' value='4' /> 
    <span style="width:100px;display:inline-block;">Mercedes</span> 
    <input type="checkbox" name="system_type7" value="2" /> 
    <input type="checkbox" name="system_type8" value="3" /> 
    <span style="width:100px;display:inline-block;">Mercedes</span> 
</div> 

は、理想的には、CSSをインラインであってはなりません。しかし私はあなたが私が意味するものを得ることを望みます。