Home/ Questions/Q 6368471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T00:40:47+00:00

I have a markup like this: <label>First Name: <input type=text /></label> <label>Last Name: <input

  • 0

I have a markup like this:

<label>First Name: <input type="text" /></label>
<label>Last Name: <input type="text" /></label>
<label>Email: <input type="text" /></label>

And a CSS like this:

label{display:block; padding:10px 0;}
input{position:absolute; left:100px;}

And it’s result is like this in almost every browser I test:

result

It works fine while there is no top or bottom in CSS code for absolute positioned inputs.
My question is: Is this kind of aligning elements a good practice and are you know any issue with a browser with this kind of positioning?

Here is fiddle of the code.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    CSS does not have to be semantic. Semantic HTML means that the tags, identifiers and classes have meaning.

    CSS is purely representational and does not have to have meaning.

    And absolute positioning without defining top and bottom is perfectly OK (it just defaults to auto)

    • 0