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

Question

我有page。

按“注册”。

有没有办法将每个字段与错误信息垂直对齐而不给出左边距？

此致

Javi

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>

To This：

<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似乎是最佳人选。

另外正如我在你的另一篇文章中所建议的那样：使用表格布局表格没有任何问题。