css - 在div中缩进长文本

Question

我有两个并排的 div。第二个 div 有很长的文本，因此它继续到下一行。但是，当它确实发生时，我希望它缩进以便与顶部文本对齐。

jsFiddle:http://jsfiddle.net/xLvHq

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>

Answer 1

应该这样做:

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

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

工作 fiddle :

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