CSS：关于对齐和列表的问题

Question

我有这个page。

按“注册”。

有没有什么办法可以将每个字段与错误消息垂直对齐而不留出左边距？

问候

哈维

Answer 1

您需要将您的错误消息的元素搬进相应<li class="form_1">元素。然后，将float: left;分配给每个错误消息元素。

Answer 2

将所有内容放入列表项中将会非常棘手。你可以改变这一点：

<li class="form_1_errores"> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 
<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
</li> 
<li class="form_1"> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
</li> 

这样：

<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 

.form_1 label, .form_1 input, .form_1 ul{ 
    float: left; 
} 

Answer 3

而不是分配给margin-left各个项目，给保证金在包含块。 #formulario_registro看起来是最好的候选人。

另外，正如我在你的其他文章中所建议的：没有什么不对的表格这样的表格布局。