将div标记居中

Question

我在HTML上的每个打印页面上都显示一个标题，因此标题仅显示在打印预览中。我使用了以下内容：

<style>
#header {
    display: table-header-group;
}

#main {
    display: table-row-group;
}

<div>
<div id ="header">
    <div class = "print">
        My header
    </div>
</div>

<div id="main">
  Content here....
</div>

 </div>

问题在于，一旦我添加了table-header-group，所有内容或主div中的正文现在显示为左侧对齐。它在中心，它需要在中心。但我不能让它去中心它只是留在左侧。我不能把table-row-group取出来，因为在打印预览中每个页面都没有显示标题。有没有办法让我可以将内容集中在页面中间？

Answer 1

试试这个

#header{
margin : 0 auto;
}

Answer 2

以上标题给出该div的宽度或以其他方式给出

div align =“center”

Answer 3

#header{
    display: block;
    margin-left: auto;
    margin-right: auto 
}

这是整个事情的中心。显然，将ID更改为它是什么。

hash（＃）用于id 点（）。上课和 这里的标题用作html5标签

header{
        display: block;
        margin-left: auto;
        margin-right: auto 
    }