Home/ Questions/Q 7196141
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T20:43:17+00:00

I have an HTML code as follows <body> Hello UserName:<input tyep=text/><br/> Pass:<input type=text/> </body>

  • 0

I have an HTML code as follows

<body>
    Hello UserName:<input tyep="text"/><br/>
    Pass:<input type="text"/>
</body>

I want the two text fields should be aligned in such a way that their left borders should start from the same positions of two lines.Because as it is if I runs the two text fields starts exactly after their labels ends, which I don’t want as it looks odd.
How would I do that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Take a look at this example with Chrome Developer Tools or Firebug.

    HTML:

    <div class="main">
    <div class="field">
        <label for="n">Name</label>
        <input type="text" name="n" />
    </div>
    <div class="field">
        <label for="ln">Surnemt</label>
        <input type="text" name="ln" />
    </div>
    <div class="field">
        <label for="a">Bithplace</label>
        <input type="text" name="a" />
    </div>
</div>

    CSS:

    body {font-size:14px;}
label {float:left; padding-right:10px;}
.field {clear:both; text-align:right; line-height:25px;}
.main {float:left;}
    • 0