如何将元素与div框的右侧对齐？

我的 div

<div id="foo">
    <div id="tree">Some Text here</div>
</div>

我的CSS

#foo {
    display: block;
    width: 500px;
    height: 500px;
    background: #5e5e5e;
}

#tree {
    width: 100px;
    height: 30px;
    background: #000000;
}

我需要将树放置在foo的右上角。