は「改行」を作成しますか？

Question

私はthisコードを持っている：

<div class="richiedi_info_item"> 
    <label>Message</label> 
    <span style="color:Red;">&nbsp;*</span>                 
    <div class="richiedi_info_item_nota">  
     <a id="notaInfo" href="javascript:void(0);">Click</a>    
    </div> 
</div> 

.richiedi_info_item_nota 
{ 
    float:right; 
    width:252px;  
} 

.richiedi_info_item 
{ 
    margin-top:15px; 
    width:400px; 
} 

.richiedi_info_item label 
{ 
    float:left; 
    height:16px; 
    line-height:20px; 
} 

と

（すべてのブラウザ上でIE7を期待して）テキスト Messageとリンク Clickが同じライン上に整列しています。スパン（赤の *）が新しい行を作成すると思われます。

なぜですか？そして、私はこの問題をどのように修正できますか？

Answer 1

あなたが（左右）山車を削除して、このように、display:inlineにdiv要素を設定することができます、IE7は非常によく山車を処理しません

---

：

.richiedi_info_item_nota 
{ 
    display:inline; 
    width:252px;  
} 

.richiedi_info_item label 
{ 
    height:16px; 
    line-height:20px; 
} 

EDIT特にインライン要素（spanとlabel）を使用しているので、両方の項目の周りに別のdivを追加してフローティングしました。

HTML

<div class="richiedi_info_item"> 
    <div id="floating"> 
     <label>Message</label> 
     <span style="color:Red;">&nbsp;*</span> 
    </div> 

    <div class="richiedi_info_item_nota">  
     <a id="notaInfo" href="javascript:void(0);">Click</a>    
    </div> 
</div> 

CSS

.richiedi_info_item_nota 
{ 
    width:21px; 
    clear:both; 
    float:right; 
} 

.richiedi_info_item 
{ 
    margin-top:15px; 
    width:400px; 
} 

.richiedi_info_item label 
{ 
    height:16px; 
    line-height:20px; 
} 

#floating { 
    float:left; 
} 

WORKING例

JsFiddle Demo