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> 

к этому:

<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 кажется лучшим кандидатом.

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