How can I align MenuBarItem far right of a MenuBar?

http://stackoverflow.com/questions/17088197/how-can-i-align-menubaritem-far-right-of-a-menubar/17088614?noredirect=1

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/tundra/tundra.css">
<div id="wrapper"></div>

JavaScript

require([
    "dojo/dom-style",
    "dijit/MenuBar",
    "dijit/PopupMenuBarItem",
    "dijit/MenuBarItem",
    "dijit/Menu",
    "dijit/MenuItem",
    "dijit/DropDownMenu",
    "dojo/domReady!"
], function(domStyle, MenuBar, PopupMenuBarItem, MenuBarItem, Menu, MenuItem, DropDownMenu){
    var pMenuBar = new MenuBar({});

    var pSubMenu = new DropDownMenu({});
    pSubMenu.addChild(new MenuItem({
        label: "File item #1"
    }));
    pSubMenu.addChild(new MenuItem({
        label: "File item #2"
    }));
    pMenuBar.addChild(new PopupMenuBarItem({
        label: "File",
        popup: pSubMenu
    }));

    var pSubMenu2 = new DropDownMenu({});
    pSubMenu2.addChild(new MenuItem({
        label: "Cut",
        iconClass: "dijitEditorIcon dijitEditorIconCut"
    }));
    pSubMenu2.addChild(new MenuItem({
        label: "Copy",
        iconClass: "dijitEditorIcon dijitEditorIconCopy"
    }));
    pSubMenu2.addChild(new MenuItem({
        label: "Paste",
        iconClass: "dijitEditorIcon dijitEditorIconPaste"
    }));
    pMenuBar.addChild(new PopupMenuBarItem({
        label: "Edit",
        popup: pSubMenu2
    }));
    
    var lo = new DropDownMenu({});
    lo.addChild(new MenuItem({
        label: "Logout"
    }));
    domStyle.set(lo.domNode, 'float', 'right');
    var menuBar = new PopupMenuBarItem({
        label: "Edit",
        popup: pSubMenu2
    });
    pMenuBar.addChild(menuBar);
    
    pMenuBar.placeAt("wrapper");
    pMenuBar.startup();
});