Как правильно выровнять два элемента-элемента?

Question

Я использую строку меню из primefaces

<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> 

, который визуализирует на правой стороне

Это тревожить мой взгляд, что выравнивание сюда mthe поиска поле и выпадающий коробка не на той же высоте.

Вы знаете, как правильно их выровнять?

Answer 1

Вам необходимо исправить выпадающий список с помощью CSS. Попробуйте добавить свойство «margin-top» или «padding-top» к атрибуту p: themeSwitcher.