divが正しく整列していない

Question

私は水平に繰り返される背景イメージを持つヘッダーを持っています。それはulリストとして設定された内容を持っています。私はそれらのいくつかを左に、そして右に浮かべたかったのです。私はまた、ヘッダーの最後の帽子の役割を果たすulリストの後にdivを持っています。このキャップには角が丸い。私はまた、この問題を抱えています。あなたのためにダミーバージョンを投稿しています。誰も私がどのように入力フィールドホルダーを右に浮かせることができ、それは今のようにヘッダーの下に設定されていないまま私のキャップフロートを持っていることを教えてもらえますか？

Link to header html

Answer 1

これは動作します：

<ul> 
    <li class="live"><a href="#">button1</a></li> 
    <li class="schedule"><a href="#">button2</a></li> 
    <li class="dvr"><a href="#">button3</a></li> 
    <li class="leftCap"></li> 
    <li class="tools"> 
     <form class="search" action="get"> 
     <input class="searchField" name="q" maxlength="40"> 
     </form> 
    </li> 
</ul> 

あなたleftcapは、div要素として、ULの外だったが、ULの内側にそれを置くことは、これを修正します。