如何让这个框在 CSS 中居中对齐？ [复制]

Question

.dkk {
	color:white;
	margin: 0px auto;
	text-align: center;
	display:inline-block;
	border: 3px solid;
	padding:10px;
	background-color:#333333;
}

<h2 class="dkk">We are currently under construction.</h2>

这是盒子。如果我知道如何制作这个，我可以自己做其他人。

Answer 1

你应该替换：

display: inline-block;

与：

display: block;

JsFiddle：https://jsfiddle.net/terza_terza/rLnz01xc/

Answer 2

在你的css中添加display:block，它会起作用的

.dkk {
	color:white;
	margin: 0px auto;
	text-align: center;
	border: 3px solid;
	padding:10px;
	background-color:#333333;
        display:block;
}

<h2 class="dkk">We are currently under construction.</h2>