CSS Div对齐问题

我有一个联系表单设置和DIV。我遇到的问题是当DIV中的文本重叠时，它并不排队。CSS 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;}

我有一种感觉它的文本对齐问题。任何帮助赞赏！

来源

2011-02-02 StuBlackett

制作形式更广？ – 2011-02-02 12:21:57

问题是你希望数字之后的文本在同一个地方开始（即，而不是第二行开始于与你希望它开始符合“¿tienen”的数字相同的地方？ – Chris 2011-02-02 12:23:22

你可以使用一个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; }

来源

2011-02-02 12:37:59 anothershrubery

尝试使用跨度外容器，如果你想要的一切在网上

来源

2011-02-02 12:24:23 Xhalent

尝试：

编辑：忘了加上<ol>标签。没有它，value属性不起作用。

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

来源

2011-02-02 12:29:49

您可以在类form_label中修改width属性并将其放到622px;

来源

2011-02-02 12:29:56

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

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

或者你在缩短的文本（如果你还想width: 553px），或增加.form-label witdh值。

来源

2011-02-02 12:30:45 Red

CSS Div对齐问题

回答

相关问题