jQueryのタブが移動する必要があります

Question

jQueryタグの整列に問題があります。コードを少し変更してスタイルを変更しましたが、整列は左にスペースが残っているようですが、私はそれを取り除く方法をよく分かりません。ここで私が言いたいのです...

http://postimage.org/image/8k5rcz941/

これは、CSSコードです：

.usual { 
    color:#111; 
    padding:15px 20px; 
    margin:8px auto; 
} 
.usual li { list-style:none; float:left; } 
.usual ul a { 
    display:block; 
    padding:6px 10px; 
    text-decoration:none!important; 
    margin:1px; 
    margin-left:0; 
    font:10pt Verdana; 
    color:#FFF; 
    background:#444; 
} 
.usual ul a:hover { 
    color:#FFF; 
    background:#111; 
    } 
.usual ul a.selected { 
    margin-bottom:0; 
    color:#fff; 
    background:#003663; 
    border-bottom:1px solid snow; 
    cursor:default; 
    } 
.usual div { 
    padding:10px 10px 8px 10px; 
    *padding-top:3px; 
    *margin-top:-15px; 
    clear:left; 
    background:snow; 
    font:8pt Verdana; 
    border: 1px solid #d0d0d0; 
} 
.usual div a { color:#000; font-weight:bold; } 

は、私は何それを理解しようとしてきた、あなたは私が左にこれを​​シフト役立つことを願ってで、ちょうど

おかげに関しては:(することはできません

Answer 1

私はulが適用されるマージンやパディングを持っていることを推測して、それを削除します。。：

.usual > ul { 
    margin: 0; 
    padding: 0; 
} 

Answer 2

.usualは、左パディングが20pxです。それはあなたが取り除こうとしていることですか？

Answer 3

Google ChromeまたはFireFox用Web Developerアドオンを使用して要素を検査します。要素を見つけて継承されたスタイルをすべてチェックします。チャンスはおそらく、icktoofayのように、あなたはおそらくどこかに継承を持っていると言います。彼は余裕&パディングを追加して、言ったようにやっている場合=、あなたは、ULのため0！ハックを試し重要

.usual ul { 
margin: 0 !important; 
padding: 0 !important; 
} 

しかし、あなたは、UL要素で使用されている他のマージン/パディングを持っている場合ということに注意してくださいすることができますmargin: 0は4面すべてを設定するため、重要なものかどうかを使用してそれらを失います。ちょうど左側ターゲットにする：

.usual ul { 
margin-left: 0 !important; 
padding-left: 0 !important; 
} 

することは時にはハックは動作しません、それはそれは最初のブラウザで要素を検査することで、あなたの継承を確認することが重要である理由です。