Problem s css

Здравейте. Проблема е следния. Имам една форма за логване с кутийка за потребителско име и парола:
*************************************************************
<div id="admin">
<hr>
<form action="login.php" method="post">
<br />
<p>Потребителско име
<input size="16" name="username"></p>
<br />
<p>Парола
<input size="16" type="password" name="password"></p>
<br />
<p><input type="submit" value="Влез"></p>
*************************************************************

ето и css-a
#admin {
DISPLAY: block;
width: 720px;
margin: 0px auto 0px auto;
padding: 0;
text-align: left;
BACKGROUND:#FFF;
position: relative;


}
#admin P {
padding-left: 5px;MARGIN: 0px; COLOR: #000000; text-align:center; FONT-SIZE: 18px; FONT-WEIGHT: none; padding-top:5px}
Искам двете котийки да са подредени една под друга а надписите съответно Потребителско име и Парола да са отляво на същите редове до кутийките. Благодаря предварително !

И каква е причината да не използваш за тази цел проста таблица с два реда и две колони и да си спестиш мъките...?

Има три вида хора. Част от проблема, част от решението и част от пейзажа.

Щото е олдскуул, и не е по стандартите...
Пък нали сме яките пичове, та не може то така...

Just a genius

Използвай таг label, той е предвиден специално за заглавия на полета в форма.
Задай му стил float:left и подходяща широчина. така текстовите кутийки ще се подредят една под друга.

<p><label>Потребителско име</label>
<input size="16" name="username"></p>
<p><label>Парола</label>
<input size="16" type="password" name="password"></p>

CSS:
label {
float:left;
width:100px;
}

По кои стандарти не е така бре ?!

... Всеки да прави, каквото му се пие ...

Как по кои - по СТАНДАРТИТЕ!!!
Нали знаеш, има една малка групичка уебаджии, за които думата ТАБЛИЦА е мръсна и обидна, и вместо една проста таблица обичат да използват килобайти ЦСС, чупещ се по различен начин в различните браузъри... Обаче е яко стандартно...



Just a genius