Jak uzyskać wyrównanie formularza jak w tabeli przy użyciu div?

Question

Oto mój kod:

<div> 
    <label>Name</label><input type="text" id='name'/><br /> 
    <label>Email</label><input type="text" id='email'/><br /> 
    <label>Place</label><input type="text" id='place'/><br /> 
</div> 

Jestem nowy w CSS, nie chcę, aby stół wyrównany, ale doskonałość powinna być taka sama jak, i nie chce, aby zastosować styl do poszczególnych elementów . Każda pomoc jest doceniana.

Answer 1

Zakładam, że chcesz wyrównać etykiety i dane wejściowe obok siebie, w takim przypadku będziesz potrzebować pływaków. Oto szybki kod css:

form { 
width: 500px; 
overflow:hidden;} 

label { 
clear: both; 
float: left; 
width: 40%;} 

input { 
float: left; 
width: 55%;} 

myślę, że powinno działać :)