缩进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 to float：left in left