如何居中对齐DIV标记中的内容

Question

我有两个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;
}