title: How do i get two drop down list to be displayed side by side?
body: <p>I've been trying to make two drop down lists to be displayed side by side but can't figure  it out. What CSS element property to set to do this. I have to show it in the following format:</p>
  <pre><code>[company]     [mobile]
  </code></pre>
  <p>instead of</p>
  <pre><code>[company]
  
  [mobile]
  </code></pre>
  <p>There are 3 such pairs. Also the pair of 2 select drop boxes doesn't seem to stick to its division.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
   &lt;head&gt;
     &lt;style&gt;
       body
       {
        background-image:url('gradient1.jpg');
        background-repeat:repeat-x;
       }
       .ex
       {
        margin:auto;
        width:90%;
        padding:10px;
        border:outset;
       }
       select
       {
        display:inline;
        cursor:pointer;
       }
      .ey
       {
        display:inline;
       } 
      .gap
       {
        clear:both;
        margin-bottom:2px;
        }
     &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
      &lt;div class="ex"&gt;
          &lt;form id='dd1.mob1' name='dd1.mob1' method='post' action=' '&gt;   
              &lt;p&gt;&lt;label&gt;Select Company&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd1mob1' id='dd1mob1'&gt;
                  &lt;option&gt;1&lt;/option&gt;
                  &lt;option&gt;2&lt;/option&gt;" . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
          &lt;form class="ey" id='dd2.mob1' name='dd2.mob1' method='post' action=''&gt; 
              &lt;p&gt;&lt;label&gt;Select Mobile&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd2mob1' id='dd2mob1'&gt;
                  " . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div class="ex" class="gap" &gt;
          &lt;form  id='dd1.mob2' name='dd1.mob2' method='post' action=' '&gt;  
              &lt;p&gt;&lt;label&gt;Select Company&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd1mob2' id='dd1mob2'&gt;
                  &lt;option&gt;1&lt;/option&gt;
                  &lt;option&gt;2&lt;/option&gt;" . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
          &lt;form class="ey" id='dd2.mob2' name='dd2.mob2' method='post' action=''&gt; 
              &lt;p&gt;&lt;label&gt;Select Mobile&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd2mob2' id='dd2mob2'&gt;
                  " . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;div class="ex" class="gap"&gt;
          &lt;form  id='dd1.mob3' name='dd1.mob3' method='post' action=' '&gt;  
              &lt;p&gt;&lt;label&gt;Select Company&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd1mob3' id='dd1mob3'&gt;
                  &lt;option&gt;1&lt;/option&gt;
                  &lt;option&gt;2&lt;/option&gt;" . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
          &lt;form class="ey" id='dd2.mob3' name='dd2.mob3' method='post' action=''&gt; 
              &lt;p&gt;&lt;label&gt;Select Mobile&lt;/label&gt;&lt;/p&gt;&lt;br/&gt;
              &lt;select onchange=filter.submit() name='dd2mob3' id='dd2mob3'&gt;
                  " . $options . "
              &lt;/select&gt;
          &lt;/form&gt;
      &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>