title: Align Menu.Item to bottom inside a Sider
body: <p>I am using React with Ant Design and I have a vertical Sider containing a Menu.</p>
  
  <p>Is it possible to align Menu.Items to the bottom of the sider/menu? Below is an image of the Sider.</p>
  
  <p><a href="https://i.stack.imgur.com/K3Xcp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K3Xcp.png" alt="Vertical sider"></a>
  <br/><br/>
  Here's my code:</p>
  
  <pre><code>&lt;Sider 
      className="sider"
      collapsible 
      collapsed={this.state.collapsed}
      onCollapse={this.toggleCollapse}&gt;
          &lt;Menu theme="dark" mode="inline" defaultSelectedKeys={[this.state.currentRoute]}&gt;
              &lt;Menu.Item key="/users"&gt;
                  &lt;Icon type="user" /&gt;
                  &lt;span&gt;Brukere&lt;/span&gt;
                  &lt;Link to='/users' /&gt;
              &lt;/Menu.Item&gt;
              &lt;Menu.Item key="/secret"&gt;
                  &lt;Icon type="plus" /&gt;
                  &lt;span&gt;Registrer ny bruker&lt;/span&gt;
                  &lt;Link to='/secret' /&gt;
              &lt;/Menu.Item&gt;
              &lt;Menu.Item key="/Whatevs"&gt;
                  &lt;Icon type="check" /&gt;
                  &lt;span&gt;Rapporterte feil&lt;/span&gt;
                  &lt;Link to='/Whatevs' /&gt;
              &lt;/Menu.Item&gt;
              &lt;Menu.Divider /&gt;
              &lt;Menu.Item  onClick={this.logOut} key="/logOut"&gt;
                  &lt;Icon type="logout" /&gt;
                  &lt;span&gt;Logg ut&lt;/span&gt;
                  &lt;Link to='/admin/login' /&gt;
              &lt;/Menu.Item&gt;
          &lt;/Menu&gt;
  &lt;/Sider&gt;
  </code></pre>