title: Right align menu options with material-ui
body: <p>I have a material-ui menu which contains the following:</p>
  
  <pre><code>&lt;span&gt;
    &lt;Link to="/issues"&gt;
      &lt;Button style={isActive(history, "/issues")}&gt;Issues
      &lt;/Button&gt;
    &lt;/Link&gt;
    &lt;Link to="/users"&gt;
      &lt;Button style={isActive(history, "/users")}&gt;Users
      &lt;/Button&gt;
    &lt;/Link&gt;
    &lt;Link to="/signup"&gt;
      &lt;Button style={isActive(history, "/signup")}&gt;Create User
      &lt;/Button&gt;
    &lt;/Link&gt;
    &lt;Link to={"/user/" + auth.isAuthenticated().user._id}&gt;
      &lt;Button style={isActive(history, "/user/" + auth.isAuthenticated().user._id)}&gt;My Profile&lt;/Button&gt;
    &lt;/Link&gt;
      &lt;Button color="inherit" onClick={() =&gt; {
            auth.signout(() =&gt; history.push('/'))
          }}&gt;Sign out&lt;/Button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>It displays the menu items in a line from the left of the screen. I'd like for the <code>My Profile</code> and <code>Sign Out</code> buttons to appear on the right of the screen. How do I do this?</p>