html sub list自動的に詰め物を追加する

Question

私は2つのDIVと、左側に両方のFLOAT（ed）を設定しているサブリストを持つリストを持っています。 （テキストが右にシフトして）自動的に

<ol> <li> 
    <ol> 
    <li> 
     <div>first div</div> 
     <div>second div</div> 
    </li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ol> 
</li> 
</ol> 

今

、細かいやっている最初のものである左浮かべた画像が、他の左側の自動パディングを追加 -

構造が似ています最上部の7px私は最初のイメージdivでパディングトップを行う必要があります。

2番目のdivの自動パディングを削除するにはどうすればよいですか？

例here

私はこの画像では赤で問題をマークしている -

Answer 1

を修正します、これはあなたが任意の方向に要素を移動することができます。あなたの場合、負のmargin-topを2番目のdivに追加することができます。

.com_text { 
    margin-top: -5px; 
} 

Answer 2

あなたはこれを用いて第2のdivのCSSを書くことができます：たぶん

li:nth-child(2) { 
    padding-top: 0; 
} 

Answer 3

CSSを修正すると結果が得られます：

.comm_img{ 
    padding-top:5px; 
} 

.comm_text{ 
    margin-top:0px; 
} 

パディングとマージンを持つ

Answer 4

プレイそれはあなたが否定的marginsを使用することができ、あなたの問題

ol li div:nth-child(2){ 
 
    padding:3px; 
 
    margin:3px; 
 
    }