title: Styling of datetime_select in Rails
body: <p>We're using datetime_select in rails and I am really struggling with styling of it.</p>
  
  <p>For a couple of reasons, I'd like to show hour and minutes on a new line rather than inline with date/month/year.</p>
  
  <p>The HTML (options elements removed to simplify the looks here):</p>
  
  <pre><code>&lt;div&gt; 
    &lt;select id="trade_date_3i" name="trade[date(3i)]"&gt; 
      &lt;option selected="selected" value="11"&gt;11&lt;/option&gt; 
    &lt;/select&gt; 
    &lt;select id="trade_date_2i" name="trade[date(2i)]"&gt; 
      &lt;option selected="selected" value="4"&gt;April&lt;/option&gt; 
    &lt;/select&gt; 
    &lt;select id="trade_date_1i" name="trade[date(1i)]"&gt; 
      &lt;option selected="selected" value="2011"&gt;2011&lt;/option&gt; 
    &lt;/select&gt; 
    &lt;select id="trade_date_4i" name="trade[date(4i)]"&gt; 
      &lt;option selected="selected" value="04"&gt;04&lt;/option&gt; 
    &lt;select id="trade_date_5i" name="trade[date(5i)]"&gt; 
      &lt;option selected="selected" value="40"&gt;40&lt;/option&gt; 
    &lt;/select&gt; 
  &lt;/div&gt; 
  </code></pre>
  
  <p>Here is how it renders default:
  <br/><a href="http://www.outside.dk/b.png" rel="nofollow noreferrer">http://www.outside.dk/b.png</a></p>
  
  <p>All the select elements have unique IDs, so I've played with the CSS display property on the hour and minute boxes, but just cannot get them to display on the same line.</p>
  
  <p>Here's how it renders if I set "display: block;" on the hour box (#trade_date_4i):
  <br/><a href="http://www.outside.dk/c.png" rel="nofollow noreferrer">http://www.outside.dk/c.png</a></p>
  
  <p>Here is how I'd like it to render:
  <br/><a href="http://www.outside.dk/a.png" rel="nofollow noreferrer">http://www.outside.dk/a.png</a></p>
  
  <p>Can anyone help, please?</p>