Inputfelder einheitlich machen

whiterabbit

Hallo,

in meinem Registrierungsformular steht:
Name: __________
Vorname: __________
Straße: __________

wie kann ich die Input-Felder ( hier unterstrichen ) einheitlich kriegen damit sie alle in einer Linie verlaufen?

!!!!!Name: __________
!Vorname: __________
!!!Straße: __________

Die Ausrufezeichen sollen natürlich Leerzeichen sein.
Was muss ich dafür in die html bzw. css datei schreiben?
Ich danke im vorraus,

whiterabbit

djheke

Beispiel

HTML

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Input</title> 
</head>
<style>
form {
 padding:0 10px;
 width:50%;
 border:1px solid #000;
 box-sizing:border-box;
}
p {
 display:flex;
}
label {
 margin-right:10px;
 padding:10px 10px 10px 0;
 flex-basis:15%;
 text-align:right;
 border:1px solid #000;
}
input {
 flex-basis:85%;
 border:1px solid #000;
}
</style> 
<body> 
<form action="#" method="#"> 
<p><label for="vname">Vorname</label><input type="text" name="vname" id="vname"></p>
<p><label for="name">Name</label><input type="text" name="name" id="name"></p> 
<p><label for="str">Straße</label><input type="text" name="str" id="str"></p> 
</form> 
</body> 
</html>

Alles anzeigen

Tags