title: How to right-align menu items in Ant Design?
body: <p>There is an open <a href="https://github.com/ant-design/ant-design/issues/10749" rel="noreferrer">Git issue</a> requesting props for the alignment of Menu items. In the meantime, what is the correct way to move some Navbar items (eg Login, logout) to the right side?</p>
  
  <p>Here is there example code for a Menu, where all Menu items are on the left side.</p>
  
  <pre><code>import { Menu, Icon } from 'antd';
  const SubMenu = Menu.SubMenu;
  const MenuItemGroup = Menu.ItemGroup;
  
  class App extends React.Component {
    state = {
      current: 'mail',
    }
    handleClick = (e) =&gt; {
      console.log('click ', e);
      this.setState({
        current: e.key,
      });
    }
    render() {
      return (
        &lt;Menu
          onClick={this.handleClick}
          selectedKeys={[this.state.current]}
          mode="horizontal"
        &gt;
          &lt;Menu.Item key="mail"&gt;
            &lt;Icon type="mail" /&gt;Navigation One
          &lt;/Menu.Item&gt;
          &lt;Menu.Item key="app" disabled&gt;
            &lt;Icon type="appstore" /&gt;Navigation Two
          &lt;/Menu.Item&gt;
          &lt;SubMenu title={&lt;span&gt;&lt;Icon type="setting" /&gt;Navigation Three - Submenu&lt;/span&gt;}&gt;
            &lt;MenuItemGroup title="Item 1"&gt;
              &lt;Menu.Item key="setting:1"&gt;Option 1&lt;/Menu.Item&gt;
              &lt;Menu.Item key="setting:2"&gt;Option 2&lt;/Menu.Item&gt;
            &lt;/MenuItemGroup&gt;
            &lt;MenuItemGroup title="Item 2"&gt;
              &lt;Menu.Item key="setting:3"&gt;Option 3&lt;/Menu.Item&gt;
              &lt;Menu.Item key="setting:4"&gt;Option 4&lt;/Menu.Item&gt;
            &lt;/MenuItemGroup&gt;
          &lt;/SubMenu&gt;
          &lt;Menu.Item key="alipay"&gt;
            &lt;a href="https://ant.design" target="_blank" rel="noopener noreferrer"&gt;Navigation Four - Link&lt;/a&gt;
          &lt;/Menu.Item&gt;
        &lt;/Menu&gt;
      );
    }
  }
  
  ReactDOM.render(&lt;App /&gt;, mountNode);
  </code></pre>