Title: input fields on form aren't aligning correctly
Last modified: August 31, 2016

---

# input fields on form aren't aligning correctly

 *  [skisun](https://wordpress.org/support/users/skisun/)
 * (@skisun)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/input-fields-on-form-arent-aligning-correctly/)
 * I am trying to build a form for a landing page. I divided the input fields for
   name in two separate fields first and last. i want the fields to sit next to 
   each other but they are stacking. I put in nowrap code but that doesnt work and
   when i inspect the element it shows that a br is inserted but thats not in my
   code. when i view the form in the preview builder it looks right. i am using 
   X Theme the landing page is: [http://eliteithome.com/lp/team-geek/](http://eliteithome.com/lp/team-geek/)
   
   the code i am using for the form is:
 *     ```
       <form id="immediateForm" action=
                         "https://crm.eliteitpartners.net/sugarcrm/index.php?entryPoint=WebToLeadCapture"
                         name="WebToLeadForm" method="post">
   
                           <table ><col width="90"><col width="290">
                             <tbody >
                               <tr >
                                 <td nowrap align="right"><b>Name:</b></td><td style="white-space:nowrap";><span sugar="slot"><input type="text"                     onblur="if(this.value == '') { this.value='First'}"
                                 onfocus=
                                 "if (this.value == 'First') {this.value=''}"
                                 id="first_name" name="first_name"
                                 value="First" maxlength="170" style=
                                 "width:130px;height:43px;border:2px solid lightgray;"></span>
                                 <span sugar="slot"><input type="text"
                                 onblur=
                                 "if(this.value == '') { this.value='Last'}"
                                 onfocus=
                                 "if (this.value == 'Last') {this.value=''}"
                                 id="last_name" name="last_name" value=
                                 "Last" maxlength="170" style=
                                 "width: 130px;height:43px;border:2px solid lightgray;">
                                 </span></td>
                               </tr>
   
                               <tr style="height:20px;">
                                 <td nowrap><b>Email:</b></td><td>
                                 <span sugar="slot"><input type="text"
                                 onblur=
                                 "if(this.value == '') { this.value='e.g. john.doe@xyz.com'}"
                                 onfocus=
                                 "if (this.value == 'e.g. john.doe@xyz.com') {this.value=''}"
                                 id="webtolead_email1" name=
                                 "webtolead_email1" onchange=
                                 "validateEmailAdd();" value=
                                 "e.g. john.doe@xyz.com" maxlength="170"
                                 style=
                                 "width: 290px;height:43px;border:2px solid lightgray;">
                                 </span></td>
                               </tr>
   
                               <tr style="height:20px;">
                                 <td nowrap><b>Phone:</b></td><td>
                                 <span sugar="slot"><input type="text"
                                 onblur=
                                 "if(this.value == '') { this.value='e.g. (555) 555-5555'}"
                                 onfocus=
                                 "if (this.value == 'e.g. (555) 555-5555') {this.value=''}"
                                 id="phone_home" name="phone_home"
                                 onchange=
                                 "if (this.value != 'e.g. (555) 555-5555') { testphone(this.value) };"
                                 value="e.g. (555) 555-5555" maxlength=
                                 "170" style=
                                 "width: 290px;height:43px;border:2px solid lightgray;">
                                 </span><span sugar="slot"><input type=
                                 "hidden" id="lead_source" name=
                                 "lead_source" value=
                                 " Web Site"></span><span sugar=
                                 "slot"><input type="hidden" id="status"
                                 name="status" value="New"></span></td>
                               </tr>
   
                               <tr style="height:20px;">
                                 <td colspan="3" align="left">
                                   <span onclick=
                                   "submit_form();"><img src= "http://www.eliteithome.com/Computer%20Virus%202%20_%20Elite%20IT%20Home_files/ClickToGetStartedOrangeButton.png"
                                   alt="Submit" style=
                                   "cursor:pointer;padding-left:10px"></span><br>
   
                                   <p style="padding-left:12px;font-size:75%">*We do not share your information with anyone(<a href=
                                   "http://eliteithome.com/lp/privacy-policy/">Privacy Policy</a>).</p><br><br>
   
       <input id=
                                   "customer_id" name="customer_id"
                                   value="" type="hidden"><input id=
                                   "campaign_c" name="campaign_c" value=
                                   " " type="hidden"><input id=
                                   "ad_group_c" name="ad_group_c" value=
                                   "" type="hidden"><input id=
                                   "keywords_c" name="keywords_c" value=
                                   "" type="hidden"><input id=
                                   "grand_id_c" name="grand_id_c" value=
                                   "" type="hidden"><input id=
                                   "matchtype_c" name="matchtype_c"
                                   value="" type="hidden"><input id=
                                   "humano" name="humano" value="0"
                                   type="hidden"><input id=
                                   "account_class_c" name=
                                   "account_class_c" value="Residential"
                                   type="hidden"><input id="campaign_id"
                                   name="campaign_id" value=
                                   "3571af4a-8b8c-a412-b425-4dd3fb7bdaf8"
                                   type="hidden"><input id=
                                   "redirect_url" name="redirect_url"
                                   value=
                                   "http://www.eliteithome.com/thankyou.html"
                                   type="hidden"><input id=
                                   "assigned_user_id" name=
                                   "assigned_user_id" value=
                                   "c03ddde8-606f-7e3f-7c1f-4e66a33d2445"
                                   type="hidden"><input id="req_id"
                                   name="req_id" value="last_name;"
                                   type="hidden">
                                 </td>
                               </tr>
                             </tbody>
                           </table>
   
                           <p></p>
                         </form>
       ```
   
 * i cant find what is causing the problem
    Thanks in advance

The topic ‘input fields on form aren't aligning correctly’ is closed to new replies.

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [form](https://wordpress.org/support/topic-tag/form/)
 * [table](https://wordpress.org/support/topic-tag/table/)

 * 0 replies
 * 1 participant
 * Last reply from: [skisun](https://wordpress.org/support/users/skisun/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/input-fields-on-form-arent-aligning-correctly/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics