title: Primefaces 3.5/CSS - selectOneMenu and button vertical align
body: <p>In Primefaces 3.5 vertical align of <code>p:selectOneMenu</code> and <code>button</code> is weird when you put them in one line. My use case is: user chooses option from menu and then click button to activate it. Issue is - both components have to be in the same line (table row).</p>
  
  <p>XHTML is really easy:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h:form&gt;
      &lt;p:selectOneMenu&gt;
          &lt;f:selectItem itemLabel="test" itemValue="test"/&gt;
      &lt;/p:selectOneMenu&gt;
      &lt;p:commandButton value="GO"/&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>Unfortunately result is not what I expect: <img src="https://i.stack.imgur.com/oPA3U.png" alt="wrong align"></p>
  
  <p>My expectation is rather something line this: <img src="https://i.stack.imgur.com/476ye.png" alt="wanted align 1"> or <img src="https://i.stack.imgur.com/lkYo1.png" alt="wanted align 2"></p>
  
  <p>I tried to research rendered HTML code with Firebug, but honestly, it's hard for me to found any CSS margin, padding, left, top, or anything like that could help me.</p>
  
  <p>Anyone struggled with such issue (and - hopefully - solved it)?</p>