html - フローティング div にネストされた要素のマージン プロパティを設定する

Question

この浮動要素内でマージンが機能しないのはなぜですか?

これが例です。

    <div id = "floated">
        <div id="content">
            <p>Some content</p>
        </div>
    </div>

#floated
{
    float:right;
    width:200px;
    height:100px;
    border-style:solid;
}
#content
{
   margin: 30 30 30 30;
}