title: How can I get my Chart.JS to center within a div?
body: <p>I'm creating a pie chart using Chart.JS like so:</p>
  
  <pre><code>&lt;canvas id="top10ItemsChart" width="320" height="320"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>..and then, of course, providing it data and such. But it displays in the div wherein it is ensconced aligned to the left. I prefer it centered (more-or-less, anyway) within the div. I tried all of the following, but none of them make it budge; it stays magnetized to the left side.</p>
  
  <pre><code>&lt;canvas id="top10ItemsChart" margin-left="80px" width="320" height="320"&gt;&lt;/canvas&gt;
  
  &lt;canvas id="top10ItemsChart" padding-left="80px" width="320" height="320"&gt;&lt;/canvas&gt;
  
  &lt;canvas id="top10ItemsChart" left="80px" width="320" height="320"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>A centering would be perfect, but I would be satisfied with providing it a hard value, as I try to do above.</p>
  
  <p>The entire html is:</p>
  
  <pre><code>&lt;div class="col-md-6"&gt;
      &lt;div class="topleft"&gt;
          &lt;h2 class="sectiontext"&gt;Top 10 Items&lt;/h2&gt;
          &lt;br/&gt;
          &lt;canvas id="top10ItemsChart" width="320" height="320"&gt;&lt;/canvas&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>