Ich habe ein Markup wie dieses:
<label>First Name: <input type="text" /></label>
<label>Last Name: <input type="text" /></label>
<label>Email: <input type="text" /></label>
Und ein CSS wie dieses:
label{display:block; padding:10px 0;}
input{position:absolute; left:100px;}
Und das Ergebnis ist in fast allen Browsern, die ich getestet habe, gleich:
Es funktioniert einwandfrei, solange es keine top
o bottom
im CSS-Code für absolute
positioniert input
s. Meine Frage ist: Ist diese Art der Ausrichtung von Elementen eine gute Praxis und sind Sie wissen, jedes Problem mit einem Browser mit dieser Art von Positionierung?
Hier ist fiddle des Codes.