CSS Div对齐问题

Question

我已经用DIV建立了联系表格。 我的问题是当DIV中的文本重叠时，它没有排成一行。

我的HTML和CSS如下（HTML优先）

<div class="form_label"><span class="number">7.</span> ¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div>

CSS ...

.form_label {
clear: left;
float: left;
font-size: 10pt;
margin-bottom: 5px;
margin-left: 1px;
padding-top: 0;
width: 553px;
} 

.number {font-weight: bold;}

我感觉到它是文本对齐的问题。 任何帮助表示赞赏！

Answer 1

如果要全部插入，请尝试使用跨度作为外部容器

Answer 2

尝试：

编辑：忘记添加<ol>标记。 没有它，value属性将无法工作。

<ol>
    <li value="7">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?
</ol>

Answer 3

您可以在class form_label中修改width属性，并将其设置为622px。

Answer 4

通常，要将文本保持在一行中，必须添加white-space: nowrap 。

在您的情况下，很显然div没有足够的空间来容纳文本： http : //jsfiddle.net/PyDAF/

您必须缩短文本（如果仍然需要width: 553px ），或者增加.form-label witdh值。

Answer 5

您可以使用table ...或：
<div class="form_label"> <div class="number">7.</div> <div class="content">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div></div>

使用CSS：
.number {font-weight: bold; display:inline; width:23px; vertical-align: top;} .content { display:inline-block; width: 530px; }