css - DIV タグのコンテンツを中央揃えにする方法

Question

私は2つのdivタグを持っています:

<div id="parent">
    <div id="content">
          //content
    </div>
</div>

のコンテンツは<div id="content">動的に追加されるため、その幅がわからず、設定もできませwidthんmargin。

<div id="parent">コンテンツを中央揃えにするにはどうすればよいですか?

PS: これを行うために JavaScript を使用したくありません。

Answer 1

これを試して：

#parent {
   text-align: center;
}

#content {
   display: inline-block;
}