title: How do I align 3 separate drop down menus so they display side by side, horizontally?
body: <p>Here is the link to my site,  <a href="http://HighCountryCampingEquipmentAndOutdoorSports.com" rel="nofollow">HighCountryCampingEquipmentAndOutdoorSports.com</a>
  The drop down menus are displayed like this:</p>
  
  <p>------Hunting Equipment------<br>---Boating/Marine Navigation---<br>-----Search Tents by Size-----</p>
  
  <p>But I want them side by side like this:</p>
  
  <p>---Boating/Marine Navigation---  -----Hunting Equipment-----  -----Search Tents by Size-----</p>
  
  <p>Here is a copy of the script I'm using:             </p>
  
  <pre><code>&lt;FORM name="guideform"&gt;
  &lt;SELECT name="guidelinks" onChange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"&gt; &lt;OPTION SELECTED value="jdrop2.htm"&gt;--Choose--
  &lt;OPTION value="jex15.htm"&gt;Page 1
  &lt;OPTION value="jex16.htm"&gt;My Cool Page
  &lt;/SELECT&gt;
  &lt;/FORM&gt; 
  </code></pre>
  
  <p>Can anyone tell me, What the script code is that I need to add to the above script, to tell it to position the 3 pull down menus in a row, side by side like this:<br>  Menu A    Menu B    Menu C</p>
  
  <hr>
  
  <p>Instead of:<br>      Menu A<br>
                   Menu B<br>
                   Menu C<br></p>
  
  <p>I'm still learning and I don't know all the programming lingo", so could someone please give me an example script of how to do this?  I've searched all over the net for a couple weeks now, and I can't seem to find out how to do this myself.</p>