html - 同一行的div内容

Question

以下是js fiddle

http://jsfiddle.net/zk7Uf/1/

<div style="width:200px">
    <span class="span-blankPDF">
        <label for="Employments_2b6131a8-d5c3-40d6-85f7-ecec0d315e56__ReasonForLeaving">Reason for Leaving:</label>
    </span>
    <div class="div-PDF" style="display: inline;width: 50px;">Reason  to  livelong</div>
</div>

我想要的结果是这样的，上面的div宽度不应该增加。

Reason for leaving:Reason  
                   to  livelong

Answer 1

我认为这就是您要找的:

http://jsfiddle.net/BY294/

<div style="width:200px">
<span class="span-blankPDF" style="float:left">
    <label for="Employments_2b6131a8-d5c3-40d6-85f7-ecec0d315e56__ReasonForLeaving">Reason for Leaving :</label></span>
    <div class="div-PDF" style="display: block;width: 50px; float:left">Reason to livelong</div>
    </div>

给他们定位宝贝!

您希望 span 向左浮动，以便它有一个引用点，然后您希望下一个 div 成为一个 block ，作为它自己的实体，并向左浮动以“倾斜”在您拥有的 span 上。

否则我完全误解了这个问题，在这种情况下我不应该受到责备! :)