Image in the Primefaces menubar

Question

Hello, I have a problem that is not able to put an icon to the left of the menubar and the menu items to the right, someone can help me?

<h:body>
    <h:form>
        <p:menubar>

            <f:facet name="options" >
                <h:link outcome="index.xhmtl">
                    <p:graphicImage styleClass="a" name="img/logoGovernoTO.png"/>
                </h:link>
            </f:facet>


            <p:menuitem value="NOTÍCIA" url="#"/>
            <p:menuitem value="FÓRUM" url="#"/>
            <p:menuitem value="EXPLORE" url="#"/>
            <p:menuitem value="SOBRE" url="#"/>
            <p:menuitem value="CONTATO" url="#"/>

        </p:menubar>
    </h:form>
</h:body>

would have to stay that way

Answer 1

add this to your style sheet (like.css for example)

.ui-menubar .ui-menubar-options {
    float: left !important;
}
.ui-menuitem {
    float: right !important
}