css - 在div中间显示文本？

Question

这是演示

如何将日期和数字放在 div 的中间？

我不喜欢使用精确的像素值，有更好的方法吗？

Answer 1

.started
{
  text-align:center;
}

.started span {
   display: inline-block;
}

并删除您的各种 margin-left: x em; 从你的

类 .started span {} 、 .days-left span 和 .today span {}

Answer 2

我无法在不使浏览器崩溃的情况下为我加载您的演示，但是：

您可以使用百分比（前 50%，左 50%） 您可能需要根据要放置在所述 div 中的内容的大小来调整百分比。

还有使左右边距“自动”，无论内容宽度如何，它都会自动匹配它们。

（尝试使用 jsfiddle 进行演示。它从未导致我的浏览器崩溃。）