CSS: вопрос о выравнивании и списках

Question

у меня есть страница .

Нажмите «Зарегистрировать».

Есть ли способ выровнять по вертикали каждое поле с сообщением об ошибке, не оставляя левого поля?

Привет

Хави

Answer 1

Поместить все в элементы списка будет сложно.Вы можете изменить это:

<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 2

Вместо того, чтобы назначать margin-left для каждого отдельного элемента, задайте поле для содержащего блока. #formulario_registro кажется лучшим кандидатом.

Также, как я предлагал в вашем другом посте: нет ничего плохого в размещении форм, подобных этой, с таблицей.

Answer 3

Вам необходимо переместить элементы сообщения об ошибке в соответствующие им элементы <li class="form_1">.Затем присвойте float: left; каждому элементу сообщения об ошибке.