在div中縮進長文本

我有兩個div並排。第二個div有很長的文字，因此會延續到下一行。但是，當它發生時，我希望它縮進以便與頂部文本對齊。在div中縮進長文本

HTML

<div id="mainHeading"> 
<div id="imgBox"> 
    <span>Some image with img tag</span> 
</div> 
<div id="dataBox"> 
    <span>Very Long long long long long long long long long long long long long long long long text</span> 
</div>

來源

2013-04-01 Aniruddha

喜歡這個？ http://jsfiddle.net/xLvHq/1/ – Mooseman

這應做到：

#dataBox { 
display: inline-block; 
width: 200px; 
float: left; 
margin-left: 20px; 
} 

#imgBox { 
display: block; 
float: left; 
}

工作小提琴：

http://jsfiddle.net/xLvHq/5/

來源

2013-04-01 21:56:51

做到這一點的方法是刪除-50值在你的CSS，改變顯示：內聯浮動：留在這兩種情況下

來源

2013-04-01 21:58:37 Vector

在div中縮進長文本

回答

相關問題