按照教程后不能中心div

Question

我的div存在轻微问题。我目前正在画布中使用Chart.js。

这是CSS：

#canvas-container {
    text-align: center;
}

canvas {
   display: inline-block;
}

和HTML

<div id="canvas-container" style="align-content: center">
    <canvas id="myChart" width="500" height="500"></canvas>
</div>

它只是浮动到左边