HTML/CSS - formularz, wyrównanie pola tekstowego do prawej.

0

Witam. Mam pewien problem, otóż uczę się dopiero CSSa.
Posiadam pewien formularz, i chcę, aby tekst był wyrównany do lewej, natomiast pole textowe obok niego do prawej. Jak to osiągnąć CSSem?

<div style="margin-left: 20px; margin-top: 20px; font-size: 18px;"> //w celu wcięcia o 20 pixeli.. 
Twoj dane:
</div>
<div style="margin-left: 70px; font-size: 16px;"> //w celu wcięcia o 70 pixeli
Nazwa:<input type="text" size="40"><br>
Adres:<input type="text" size="40"><br>
Email<input type="text" size="40"><br>
Telefon:<input type="text" size="40"><br>
</div>

I chodzi mi o to żeby tekst, taki jak "nazwa, email" zostały po prawej stronie, tak jak jest, natomiast, aby pola tekstowe, zostały wyrównane do prawej w tym divie, nie wiem jak to osiągnąć. W tym momencie, każde pole tekstowe jest zaraz obok tekstu, co wygląda niefajnie, jeśli wyrazy są różnej długości....

Nie mam na to pomysłu.

0

A nie lepiej zrobic formularz w formie tabelki?

1

Włóż "Nazwa:", "Adres:" itd. w znacznik <label> i nadaj szerokość temu labelowi. Inputowi daj float: right;, labelowi float: left; i text-align: rigth; i powinno być ładnie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1