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;
}

工作小提琴：

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

Answer 2

这样做的方法是删除 CSS 中的 -50 值，并在两个实例中将 display:inline 更改为 float:left