title: How Can I Make A 2-Column HTML5 Form?
body: <p>I have a reservation form on my website, I own a limo company.</p>
  
  <p>But in order to save space on my website I want to know how to make a 2 column form.</p>
  
  <p>This is my form now:</p>
  
  <pre><code>            &lt;form method="post" id="myForm" action="send2.php" class="sendmail" onsubmit="return validateForm()" style="text-align:center;"&gt;
  
          &lt;h1 class="lead" align="center" style="font-size:35; font-weight:800"&gt;RESERVE TRIP&lt;/h1&gt;
  
  
  &lt;ul li&gt;&lt;h1 class="lead" align="center" style="color:black;font-weight:bold;list-style:none;"&gt;Contact Information&lt;/h1&gt;&lt;/ul li&gt;
  
  &lt;ul li style="list-style:none"&gt;
  
      &lt;li&gt; 
  
          &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  
  
  
  
  
                          &lt;p&gt;
  
                              &lt;table&gt;
  
    &lt;td&gt;&lt;p&gt;&lt;label&gt;Full Name:&lt;input type="text" id="name" name="name" style="margin:10px; width:285px; height:15px"&gt;&lt;/td&gt;
  
    &lt;td&gt;&lt;p&gt;&lt;label&gt;Company Name:&lt;input type="text" id="company" name="company" style="margin:10px; width:340px; height:15px"&gt;&lt;/label&gt;&lt;/p&gt;
  
      &lt;/table&gt; 
  
       &lt;table align="center"&gt;
  
                  &lt;tr&gt;
  
                      &lt;td class="width:110px; height:15px"&gt;
  
                      &lt;p&gt;&lt;label&gt;Phone #:&lt;input type="text" id="phone" name="phone" placeholder="###-###-####" style="margin:10px; width:100px; height:15px"&gt;
  
  
  
                      &lt;/td&gt;
  
                      &lt;td class="width:70px; height:15px"&gt;
  
                      &lt;p&gt;&lt;label&gt;E-mail:&lt;input type="text" id="email" name="email" style="margin:10px; width:220px; height:15px"&gt;
  
  
  
                      &lt;/td&gt;
  
  
  
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
  
                      &lt;/td&gt;
  
                  &lt;/tr&gt;
  
                  &lt;/table&gt;
  
  
  
      &lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;ul li&gt;&lt;h1 class="lead" align="center" style="font-weight:bold;color:black;list-style:none"&gt;Pick-Up Information&lt;/h1&gt;&lt;/ul li&gt;
  
  
  
  
  
  &lt;ul li style="list-style:none"&gt;
  
      &lt;li&gt;
  
  
                  &lt;option selected=""&gt;--&lt;/option&gt;
  
                                          &lt;option&gt;AM&lt;/option&gt;
  
                                          &lt;option&gt;PM&lt;/option&gt;
  
                                      &lt;/select&gt;&lt;/td&gt;
  
  
  
                          &lt;/p&gt;                       
  
              &lt;/table&gt;
  
  
  
  
  
  
                      &lt;table align="center"&gt;
  
                  &lt;tr&gt;
  
                      &lt;td class="width:110px; height:15px"&gt;
  
                          &lt;label style="font-size:15px"&gt;Airport Name: &lt;span class="error"&gt;&lt;/span&gt;&lt;/label&gt;                                                             
  
                          &lt;td class="width30"&gt;
  
                          &lt;input type="text" id="rtairport" name="rtairport" class="input85" style="width:180px; margin:10px" value=""&gt;
  
                          &lt;/td&gt;
  
                          &lt;/td&gt;
  
                      &lt;td class="width:110px; height:15px" align="center"&gt;
  
                          &lt;label style="font-size:15px"&gt;Airline/Code:&lt;/label&gt;                         
  
                          &lt;td class="width30"&gt;                            
  
                  &lt;input type="text" id="rtairline" name="rtairline" class="input85" style="width:75px; margin:10px" value=""&gt;
  
                      &lt;/td&gt;
  
                      &lt;/td&gt;
  
                      &lt;td class="width:70px; height:15px"&gt;                            
  
                      &lt;label style="font-size:15px"&gt;Flight #:&lt;/label&gt;
  
                      &lt;td class="width30"&gt;
  
                      &lt;input type="text" id="rtfnumber" name="rtfnumber" class="input85" style="width:40px;margin:10px" value=""&gt;
  
                      &lt;/td&gt;
  
                      &lt;/td&gt;   
  
  
  
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
  
                      &lt;td&gt;
  
                  &lt;/tr&gt;
  
                  &lt;/td&gt;
  
              &lt;/table&gt;
  
  
  
  
          &lt;br&gt;
  
  
  &lt;li&gt;&lt;h1 class="lead" align="center" style="font-weight:bold;color:black;list-style:none"&gt;Drop-Off Information&lt;/h1&gt;&lt;/li&gt;
  
  &lt;ul li style="list-style:none"&gt;
  
  
          &lt;center&gt;&lt;p&gt;&lt;label&gt;Full Address:&lt;input type="text" id="rtstreet" name="rtstreet" style="margin:10px; width:360px; height:15px"&gt;&lt;/label&gt;&lt;/p&gt;&lt;/center&gt;
  
                      &lt;table align="center"&gt;
  
                  &lt;tr&gt;
  
                      &lt;td class="width:110px; height:15px"&gt;
  
                          &lt;label style="font-size:15px"&gt;Airport Name: &lt;span class="error"&gt;&lt;/span&gt;&lt;/label&gt;                                                             
  
                          &lt;td class="width30"&gt;
  
                          &lt;input type="text" id="doairport" name="doairport" class="input85" style="width:200px; margin:10px" value=""&gt;
  
                          &lt;/td&gt;
  
                          &lt;/td&gt;
  
                      &lt;td class="width:110px; height:15px" align="center"&gt;
  
                          &lt;label style="font-size:15px"&gt;Airline/Code:&lt;/label&gt;                         
  
                          &lt;td class="width30"&gt;                            
  
                  &lt;input type="text" id="doairline" name="doairline" class="input85" style="width:75px; margin:10px" value=""&gt;
  
                      &lt;/td&gt;
  
                      &lt;/td&gt;
  
                      &lt;td class="width:70px; height:15px"&gt;                            
  
                      &lt;label style="font-size:15px"&gt;Flight #:&lt;/label&gt;
  
                      &lt;td class="width30"&gt;
  
                      &lt;input type="text" id="dofnumber" name="dofnumber" class="input85" style="width:40px;margin:10px" value=""&gt;
  
                      &lt;/td&gt;
  
  
  
              &lt;/table&gt;
  
  
  
  &lt;/div&gt;
  
  
  &lt;/ul&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Any help/advice would help. Thank you.</p>