Html 如何使文本显示在顶部而不是侧面?
我有一个定义列表,我希望文本描述保持在文本框上方。但是,文本位于框的左侧。这是htmlHtml 如何使文本显示在顶部而不是侧面?,html,css,Html,Css,我有一个定义列表,我希望文本描述保持在文本框上方。但是,文本位于框的左侧。这是html <dl> <dt> <label>Phone Number</label> </dt> <dd> <input name="phone" type="text"/> </dd> </dl> 尝试将Display:block添加到dt和dd定义中(还没有测试过这一点,只是
<dl>
<dt>
<label>Phone Number</label>
</dt>
<dd>
<input name="phone" type="text"/>
</dd>
</dl>
尝试将Display:block添加到dt和dd定义中(还没有测试过这一点,只是一个想法)。删除所有
float:left代码>规则。您描述的是默认行为。谢谢Edelcom。我将其添加到两个标签中,但仍然相同。测试仍然在文本框的左边。我没有注意到浮动:左。。。我的观点是:)
dl {font:normal 12px/15px Arial; position: relative; width: 350px;}
dt {clear: both; float:left; width: 130px; padding: 4px 0 2px 0; text-align: left;}
dd {float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px;}