두 세트의 체크 박스를 나란히 정렬하십시오.

Question

안녕하세요 저는 폼에 나란히 두 개의 체크 박스를 정렬하고 체크 박스가 잘 정렬되도록하려하지만 오른쪽에있는 체크 박스를 나란히 놓으면 엉망이됩니다 최대 방법 여기

이 있다면 그래서 내가 궁금하네요 왼쪽

에 텍스트 크기에 의존하는 코드

UPDATE 깨진 코드를입니다.

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 인라인해서는 안됩니다. 그러나 나는 당신이 의미하는 바를 얻길 바랍니다.