2つの素体 - 要素を正しく整列する方法は？

私はそれがmthe検索ボックスあちこちに合わせて、ドロップダウンボックスがあるというのが私の目を乱すprimefaces2つの素体 - 要素を正しく整列する方法は？

<p:toolbar style="margin:20px 0px"> 
    <f:facet name="left"> 
     <p:outputLabel value="#{loginBean.fullname}" /> 
    </f:facet> 

    <f:facet name="right"> 
     <p:inputText style="margin-right:10px" placeholder="Search" disabled="true"/> 
     <p:themeSwitcher effectSpeed="normal" effect="fade" style="width:165px; margin-right:10px;" id="defaultSwitcher" value="#{themeSwitcherBean.theme}"> 
      <f:selectItem itemLabel="Choose Theme" itemValue="" /> 
      <f:selectItems value="#{themeSwitcherBean.themes}" /> 
      <p:ajax global="false" listener="#{themeSwitcherBean.saveTheme}" /> 
     </p:themeSwitcher> 
     <p:commandButton action="#{loginBean.logout}" title="Log Out" style="width:36px; height:20px" icon="ui-icon-power" value="" ajax="false"></p:commandButton> 
    </f:facet> 
</p:toolbar>

右側にレンダリングする