html - divを中央に配置

Question

働きたくないようなシンプルなもの。

divを100％幅のdivの中央に配置したい。

HTML。

<div id="body-outside">
    <div id="body-inside">
        content
    </div>
</div>

CSS。

#body-outside{
    width:100%;
    float:left;
    background-color:#F7B3DA;
}

#body-inside{
    width:1280px;
    margin:0 auto;
    background-color:#F7B3DA;
    float:left;
}

現在、コンテンツは画面の左側に残っています。何か案は？

ありがとう。

Answer 1

を取り除きfloat:left;ます。これにより、マージンを自動に設定しているにもかかわらず、左に押し出されます。

Answer 2

本文の外側部分に text-align: center を使用することを検討することもできます。