Question

Here is the resulting layout, the text is wrapping under the label "Dates". The problem

Here is the desired result:

以下是 html 的布局 :

<div class="alternate">
    <span class="label">Dates:</span>
    <span id="lblDates">
        Created: <u>May 31, 2011</u>, Quote: <u>Sep 1, 2011</u>, Completed: <u>May 23, 2012</u>, Invoice: <u>May 1, 2011</u>, Finalized: <u>May 31, 2011</u>
    </span>
    <br style="clear:both;">
</div>

有关中央支助厅:

    fieldset .label {
        text-align: right;
        float: left;
        width: 150px;
        clear: left;
        margin-right: 15px;
        color: black;
        font-weight: bold;
}

如果我给标签加一个预定义的高度,它就会起作用, 但我不想在标签上加一个预定义的高度, 因为有时我只有一行内容, 我怎么能做到这一点?

谢谢!

Answer 1

这样做应该有帮助

#lblDates {
    padding-left: 165px;
    display: block;
}

这里是""http://jsfiddle.net/fvMFW/4/" rel="nofollow">工作示例

Answer 2

将 margin- left: 165px (165px = 150px+ 15px, 您在标签上设定的宽度+边距) 和 display: block 放在上

友情链接