title: Put two input boxes and divs on same row
body: <p>I have the following HTML:</p>
  
  <pre><code>        &lt;div class="onerow"&gt;
              Site ID: &lt;input type="text" name="siteId" id="siteId" class="k-textbox" data-bind="value: siteId"/&gt;&amp;nbsp;
          &lt;/div&gt;
          &lt;div class="onerow"&gt;
              &lt;div id="select"&gt;
                  &lt;label for="state"&gt;View:&lt;/label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                      &lt;select id="state" data-role="dropdownlist" data-bind="value: state" data-option-label="Select State"&gt;
                          &lt;option value="2"&gt;All&lt;/option&gt;
                          &lt;option value="1"&gt;Active&lt;/option&gt;
                          &lt;option value="3"&gt;All except deleted&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;input type="button" id="buttonsearch" value="Search" class="k-button" data-bind="events: {click: onSearchClick}"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Or, in jsFiddle: <a href="http://jsfiddle.net/j7ksuv9y/" rel="nofollow">http://jsfiddle.net/j7ksuv9y/</a></p>
  
  <p>I want to position both of those on the same row, one after the other. I've tried using <code>style="float: right"</code> but that only ends up placing the second input box to the far right of the screen, which is not what I want.</p>
  
  <p>How might I accomplish this?</p>