如何将div中的内容居中

Question

我试图将标签的内容居中。这是我试图集中的div：

<div class="Paging" style="margin: 0 auto;">
    <div class="PageOfPage" style="display:inline-table;padding: 10px;">

        Page<label id="CurrentPage">1</label> From @Model.CountPage
    </div>
    <div class="RecordsOfRecord" style="display:inline-table;padding: 10px;">
        Record
        <label id="FromRecord">
            @{
                 int i1 = (Model.CurrentPage-1)*Model.CountRecordInPage;
                 if (i1 == 0)
                 {
                     i1 = 1;
                 }

                 string recordFrom = i1.ToString(CultureInfo.InvariantCulture);
             }@recordFrom
        </label>
        To
        <label id="ToRecord">@Model.CountRecordInPage</label>
        From @Model.AllRecord
    </div>
</div>

必须有一些我缺少的东西，但我没有想法。

Answer 1

只需使用

<div class="Paging" style="margin: 0 auto; text-align:center;">

Live Demo

Answer 2

如果要使用margin：auto

，请给出div的宽度

.Paging {
width :70%;
margin : auto;

}

Answer 3

为div添加宽度!! 或者如果你想让文本居中添加 文本对齐：中心;