Hey Leute,
Ich hab ziemlich neu mit HTML und CSS angefangen. Ich hab auch schon überall geguckt aber ich finde dazu einfach nichts. Ich möchte die einzelnen Labels und Inputs untereinander haben, aber es funktioniert nicht. Ich hab sehr oft gelesen der Befehl Display: Block; soll funktionieren, aber er funktioniert nicht. Es wäre lieb wenn mir einer helfen könnte. 
Wir brauchen vermutlich leider deinen Code, um das Problem nachvollziehen zu können. HTML und CSS bitte.
Hey,
damit die input felder untereinander geordnet werden musst du wie du schon gesagt hast den css-befehl display:block; verwenden.
Siehe Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Formular</title>
<style>
input{
display: block;
margin-bottom: 5px;
}
</style>
</head>
<body>
<form>
<label>Ihr Name: </label><input type="text" name="name">
<label>Ihr Alter </label><input type="text" name="alter">
<label>Ihr Wohnort </label><input type="text" name="wohnort">
<label>Ihre E-Mail-Adresse: </label><input type="text" name="e-mail">
<input type="submit" value="Absenden!" name="submitted">
</form>
</body>
</html>display:block; bringt jedes input element untereinander. Und mit margin-bottom habe ich den input-elementen noch außenabstand nach unten gegeben.
Gruß,
Stef
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!