title: How to center the contents inside of a div
body: <p>I am trying to center the contents of a  tag. This is the div that I am trying to center:</p>
  
  <pre><code>&lt;div class="Paging" style="margin: 0 auto;"&gt;
      &lt;div class="PageOfPage" style="display:inline-table;padding: 10px;"&gt;
  
          Page&lt;label id="CurrentPage"&gt;1&lt;/label&gt; From @Model.CountPage
      &lt;/div&gt;
      &lt;div class="RecordsOfRecord" style="display:inline-table;padding: 10px;"&gt;
          Record
          &lt;label id="FromRecord"&gt;
              @{
                   int i1 = (Model.CurrentPage-1)*Model.CountRecordInPage;
                   if (i1 == 0)
                   {
                       i1 = 1;
                   }
  
                   string recordFrom = i1.ToString(CultureInfo.InvariantCulture);
               }@recordFrom
          &lt;/label&gt;
          To
          &lt;label id="ToRecord"&gt;@Model.CountRecordInPage&lt;/label&gt;
          From @Model.AllRecord
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There must be something that I am missing, but I am out of ideas. </p>