Home/ Questions/Q 7626339
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T05:18:45+00:00

I have the following code that basically is a input form as I have

  • 0

I have the following code that basically is a input form as I have it now the spacing between the title of each field and the field are all lined up properly when executed on my browser but when I try it on another browser some of the spacing is off, what is the best way to align the input so that it will render the same on all browsers?

<div style="z-index:12; position:absolute">
<font style="color:#FF6600; font-family:pirulen">
*Name: <input type="text" name="name" style=" margin-left:70px" size="30px" /><br/>
*Email: <input type="email" name="email"  style="margin-left:70px; margin-top:5px; " size="30px"  /><br/>
Company: <input type="text" name="company"  style="margin-left:28px; margin-top:5px"  size="30px" /><br/>
Address: <input type="text" name="address"  style="margin-left:30px; margin-top:5px"  size="30px" /><br/>
Address 2: <input type="text" name="address2"  style="margin-left:10px; margin-top:5px"  size="30px" /><br/>
City: <input type="text" name="city"  style="margin-left:92px; margin-top:5px"  size="30px" /><br/>
State: <input type="text" name="state"  style="margin-left:65px; margin-top:5px"  size="30px" /><br/>
Zip: <input type="text" name="zip"  style="margin-left:106px; margin-top:5px"  size="30px" /><br/>
*Phone: <input type="text" name="phone"  style="margin-left:58px; margin-top:5px"  size="30px" /><br/>
*Comments:<textarea style=" margin-left:12px; margin-top:5px; vertical-align:top; resize:none"   name="comments" cols="30" rows="10" draggable="false"></textarea><br/>
<input type="submit" value="Submit" style="margin-left:150px" />

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just use a table, with labels (titles) in one column, fields in another. Having done that, you can then easily test different stylistic settings. The default rendering (fields aligned to the left) is not too bad, but consider right-aligning the labels; you may find this even better. You won’t need any pixel widths, since browsers automatically make each column as wide as needed for its widest cell contents. No other approach does this, except the use of CSS to simulate an HTML table (a clumsier way, which does not work on many versions of IE still in use).

    • 0