title: Primefaces SelectOneMenu next to InputText is on different vertical position
body: <p>When I put a Primefaces SelectOneMenu next to a Primefaces Input simply like this, they are not on the same height in the browser (same in Firefox, IE and Chrome):</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://xmlns.jcp.org/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core"&gt;
      &lt;h:head /&gt;
      &lt;h:body&gt;
          &lt;p:selectOneMenu&gt;
              &lt;f:selectItem itemLabel="Item1" /&gt;
          &lt;/p:selectOneMenu&gt;
          &lt;p:inputText value="Text" /&gt;
      &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is it possible (with css) to place those two inputs next to each other, such that they can be shown in one line at the same vertical position?</p>
  
  <p>(I use Primfaces 5.1.)</p>