title: How to make div size bigger?
body: <p>Here is the plunker - <a href="http://plnkr.co/edit/wA6s1jgE1QuacGxhOeoP?p=preview" rel="nofollow">http://plnkr.co/edit/wA6s1jgE1QuacGxhOeoP?p=preview</a>  </p>
  
  <p>I have tried to make size of </p>
  
  <pre><code>    &lt;div class="pure-u-1 header"&gt;
          &lt;div class="header-buttons"&gt;
              &lt;button class="pure-button pure-button-primary"&gt;Add&lt;/button&gt;
              &lt;a class="pure-button pure-button-primary"&gt;settings&lt;/a&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>bigger</strong> but not able to</p>
  
  <p><strong>Questions</strong></p>
  
  <ol>
  <li>How can I make <code>.header</code> bigger?</li>
  <li>How can I align <code>.header-buttons</code> on the right?</li>
  </ol>
  
  <p>I am sure CSS will have a way, but I don't know how, please guide to relevant sources to learn.</p>
  
  <p>Thank you</p>