Zellen positionieren |
| So sieht´s aus |
|
|
| Quellcode |
<html>
<head> <style type="text/css"> .input1 {float:right; position:relative; width:20%; margin-right: 35%} .input2 {float:right; position:relative; width:20%; margin-right: 35%} .input3 {float:right; position:relative; width:20%; margin-right: 35%} .input4 {text-align: center} textarea {float:right; position:relative; margin-right: 35%; width:20%;} label {position:absolute; left:30%; text-align:left; border: 0px} </style> </head> <body > <form> <p><label for="Vorname">Vorname</label><input class="input1" type="text" id="Vorname" name="Vorname" autofocus></p><br/> <p><label for="Nachname">Nachname</label><input class="input2" type="text" id="Nachname" name="Nachname"></p><br/> <p><label for="Nachname">Email</label><input class="input3" type="text" id="Email" name="Email"></p><br/> <p><label for="Anfrage">Ihre Anfrage</label><textarea name="Anfrage" rows="4" cols="20%"></textarea></p> <br/><br/><br/><br/><br/> <p class="input4"><input type="submit" value="absenden"></p> </form> </body> </html> |
Kontakt Datenschutz Impressum |