title: multiple input field align in the same row
body: <p>The default (with any style) for 2 input is already align in the same row, but I want the second field to be in fixed width and they are responsive. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input, select {
      width:100%;
  }
  select {
      width:100px;
      float:right;
  }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="rowWrap"&gt;
      &lt;input type="datetime-local" class="datetime" name="datetime" value="" placeholder="Date - Time *" /&gt;
      &lt;select class="pax"&gt;
          &lt;option value="1"&gt;1 pax&lt;/option&gt;
          &lt;option value="2"&gt;2 pax&lt;/option&gt;
          &lt;option value="3"&gt;3 pax&lt;/option&gt;
          &lt;option value="4"&gt;4 pax&lt;/option&gt;
          &lt;option value="5"&gt;5 pax&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>