青写真でテキスト入力フォームの幅を設定する

Question

ラベルとテキスト入力で構成されるフォームをレイアウトしようとしました。デフォルト値が大きすぎるため、input要素の幅を設定します。

<div class="container"> 
    <div class="span-24 last"> 
     <label for="age">Age: </label> 
     <input class="text span-2"/> 
    </div> 
</div> 

span-2を使用しようとしましたが、入力テキストがラベルの前に表示されました。

Answer 1

input 
{ 
    width: 300px; 
} 

は、入力幅を300pxに設定します。