primefaces menubar logout right side

Question

Hi I followed this code but my logout button is not at the right side of menubar.

sample from PF

here is my xhtml page

<h:body>
    <p:menubar autoDisplay="false">
        <p:menuitem value="Home" url="/index.jsf" />

        <p:submenu label="Maintenance" >
            <p:menuitem value="Course" url="/views/course/list.jsf" />
            <p:menuitem value="Student" url="/index.jsf" />
        </p:submenu>

        <f:facet name="options">
            <p:commandButton type="button" value="Logout" icon="ui-icon-extlink" />
        </f:facet>
    </p:menubar>
</h:body>

Answer 1

You should use a style="float: right;" inside the button or include the property into your css stylesheet.