将标签与输入文本水平对齐

Question

I have a form that should look like this one: http://jsfiddle.net/g6kQK/

but if I inspect the generated code this is what I get: http://jsfiddle.net/bxA5X/

The problem seems to be with

display: block;
float: left;

but if delete those attributes nothing changes in my form.

What is the default property for input type=text in html ?

What should I set it to make it aligned with the text?

Thanks.

Answer 1

Remove the width from the .cardno div, and move the input element to the outside.

    <label>card no</label>
    <div class="cardno">04</div>
    <input type="text" name="codcard"  maxlength="11"/>

Updated Fiddle: http://jsfiddle.net/bxA5X/8/

Answer 2

只需删除diplay：block属性form.usersetting输入[name =“ codcard”]

Answer 3

here is what i got you the answer hope this is what you want... just see this fiddle

   <form id="change_customer_data" class="usersetting" action="/">     

    <label>telephone</label>    
    <input type="text" name="tel" /><br>  

    <label>email</label>&emsp;&emsp;    
    <input type="text" name="email"><br>                

    <label>card no:</label>
    04<input type="text" name="codcard"  maxlength="11"/>

http://jsfiddle.net/bxA5X/8/