title: want to apper menu icon button in top right. in Material Design Lite
body: <p>I want to move menu-icon-button in top right. But it appears under title. 
  what kind of attribute or property should I add?</p>
  
  <pre><code>    &lt;!-- Simple header with fixed tabs. --&gt;
  &lt;div class="mdl-layout mdl-js-layout mdl-layout--fixed-header
              mdl-layout--fixed-tabs"&gt;
    &lt;header class="mdl-layout__header"&gt;
      &lt;div class="mdl-layout__header-row"&gt;
        &lt;!-- Title --&gt;
        &lt;span class="mdl-layout-title"&gt;Title&lt;/span&gt;
      &lt;/div&gt;
      &lt;!-- Right aligned menu below button --&gt;
  
  &lt;button id="demo-menu-lower-right"
          class="mdl-button mdl-js-button mdl-button--icon"&gt;
    &lt;i class="material-icons"&gt;more_vert&lt;/i&gt;
  &lt;/button&gt;
  
  &lt;ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
      for="demo-menu-lower-right"&gt;
    &lt;li class="mdl-menu__item"&gt;Some Action&lt;/li&gt;
    &lt;li class="mdl-menu__item"&gt;Another Action&lt;/li&gt;
    &lt;li disabled class="mdl-menu__item"&gt;Disabled Action&lt;/li&gt;
    &lt;li class="mdl-menu__item"&gt;Yet Another Action&lt;/li&gt;
  &lt;/ul&gt;
      &lt;!-- Tabs --&gt;
      &lt;div class="mdl-layout__tab-bar mdl-js-ripple-effect"&gt;
        &lt;a href="#fixed-tab-1" class="mdl-layout__tab is-active"&gt;Tab 1&lt;/a&gt;
        &lt;a href="#fixed-tab-2" class="mdl-layout__tab"&gt;Tab 2&lt;/a&gt;
        &lt;a href="#fixed-tab-3" class="mdl-layout__tab"&gt;Tab 3&lt;/a&gt;
        &lt;a href="#fixed-tab-4" class="mdl-layout__tab"&gt;Tab 4&lt;/a&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  </code></pre>
  
  <p><a href="http://pix.sevelina.ru/images/2015/08/28/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA1Qgwqc.jpg" rel="noreferrer">here is a image url</a></p>