выравнивание

[web-mindfreak]

Как выровнять?

Логин <input>

Пароль <input>

Повторите пароль <input>

Как выровнять input`ы ровно?

[Svatov]

Завернуть их в <div> или сделать списком и ровнять уже блоки.

[DStereo]

Можно использовать таблицу:

<table>
    <tr>
        <td>Логин:</td><td><input></td>
    </tr>
    <tr>
        <td>Пароль:</td><td><input></td>
    </tr>
    <tr>
        <td>Повторите пароль:</td><td><input></td>
    </tr>
</table>

Либо можно обернуть все это в дивы:

<div>
    <div>Логин:</div><div><input></div>
</div>
<div>
    <div>Пароль:</div><div><input></div>
</div>
<div>
    <div>Повторите пароль:</div><div><input></div>
</div>

Но дивы с логин/пароль/повторите пароль - сделать одинаковой ширины.

Edited January 21, 2012 by DStereo

[psywalker]

Я бы делал таблицей.

[lexxcode]

Для таких простых форм я например сделал бы как-то так:

<style type="text/css">
	.fline {
		margin:0 0 5px;
	}
	.fline__label {
		width:120px;
		display:inline-block;
		*display:inline;
		*zoom:1;
		margin:0 5px 0 0;
	}
	.fline__itext {
		width:200px;
		display:inline-block;
		*display:inline;
		*zoom:1;
		margin:0;
		padding:3px 5px;
	}
</style>


<div class="fline">
	<label for="login" class="fline__label">Логин:</label><input type="text" name="login" id="login" class="fline__itext"/>
</div>
<div class="fline">
	<label for="pass" class="fline__label">Пароль:</label><input type="password" name="pass" id="pass" class="fline__itext"/>
</div>
<div class="fline">
	<label for="cpass" class="fline__label">Подтвердите пароль:</label><input type="password" name="cpass" id="cpass" class="fline__itext"/>
</div>

[web-mindfreak]

Спасибо!