ちょうどCSSを使用して要素の位置を変更する

Question

私はこのような何かを見てdiv要素に包まれた入力を持つWebフォームを持っている

Name 
tbFirstName lblFirstName tbLastName lblLastName 

ここで私は私が見えるように出力を変更する可能性がどのように思っていたこと

<div class="editor-label"> 
    <label>Name:</label> 
</div> 

<div class="editor-field"> 
<span> 
    <input id="LastName" name="LastName" type="text" value="" /> 
    <label for="LastName">Last Name</label> 
</span> 
<span> 
    <input id="FirstName" name="FirstName" type="text" value="" /> 
    <label for="FirstName">First Name</label> 
</span> 
</div> 

のためのHTMLマークアップがあります任意の助けのため、この代わりに使用するだけでCSS

Name 
tbFirstName tbLastName 
lblFirstName lblLastName 

感謝。

Answer 1

.editor-field span {float: left; margin-right: 10px;} // the margin is optional 
.editor-field input {display: block;} 

Answer 2

入力の前にラベルを移動しました。完全に働いた

.editor-field span {float:left;} 
.editor-field span label {display:block;} 

マークアップ

<div class="editor-label"> 
    <label for="Certnum">Name:</label> 
</div> 

<div class="editor-field"> 
<span> 
    <label for="Certnum">Last Name</label> 
    <input id="LastName" name="LastName" type="text" value="" /> 
</span> 
<span> 
    <label for="Certnum">First Name</label> 
    <input id="FirstName" name="FirstName" type="text" value="" /> 
</span> 
</div>