如何将primefaces菜单栏内容右对齐

<h:head>
    <h:outputStylesheet library="primefaces" name="primefaces.css" />
    <h:outputScript library="primefaces" name="primefaces.js" />
</h:head>

<h:body>
    <h:form>
        <p:menu>
            <p:submenu label="菜单1">
                <p:menuitem value="选项1" />
                <p:menuitem value="选项2" />
            </p:submenu>
            <p:submenu label="菜单2">
                <p:menuitem value="选项3" />
                <p:menuitem value="选项4" />
            </p:submenu>
        </p:menu>
    </h:form>
</h:body>

<style>
    .ui-menuitem-text {
        float: right;
    }
</style>