css - divサイズを大きくするには?

Question

これがプランカーです - http://plnkr.co/edit/wA6s1jgE1QuacGxhOeoP?p=preview

サイズを作ってみました

    <div class="pure-u-1 header">
        <div class="header-buttons">
            <button class="pure-button pure-button-primary">Add</button>
            <a class="pure-button pure-button-primary">settings</a>

        </div>
    </div>

大きいができない

質問

1. どうすれば.header大きくできますか？
2. どうすれば右揃え.header-buttonsにできますか？

CSSには方法があると確信していますが、方法がわかりません。関連するソースを参照して学習してください。

ありがとうございました