文本包装在新行上的标签下

Question

我有一个页面，一个确认页面。

在左侧<label>，在中间padding和右侧<span>

跨度中的文字，如果太长，会包裹在标签下方，而不是标签的宽度下，如inline-block。

<label>Label1:</label>
<span class="class">Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span>
<label>Label2:</label>
<span class="class"> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </span>

CSS

label, span {
     width: 45%
}
label {
     float: left;
}

如何使CSS成为45％且多行？

Answer 1

如果您将跨度和标签更改为inline-block，它们的行为将完全符合您的要求。

label, span {
    width: 45%;
    display:inline-block;
    vertical-align:top;
}

请参阅this update to j08691's fiddle。

但你的问题似乎表明你不想要那样，是吗？