如何将宽度不是100％的元素居中

Question

我创建了一个title并创建了width: 30%，以便我可以围绕它创建一个框，但现在它没有居中。我尝试了很多不同的东西让它居中，但没有一个有效。我可以通过添加left: 35%来自己集中。但这并非完全集中。关于我如何完全居中title，而width不在100%的任何想法？

Answer 1

您可以使用左右边距设置为自动来实现此目的。

margin: 0 auto;

h1{
	width: 30%;
	border: 2px solid black;
	margin: 0 auto;
}

<h1>Title</h1>

Answer 2

body{
  margin : 0;  /* for cross browsers */
  padding : 0; /* for cross browsers */
 }
div{
  text-align : center; /* text alignment */
  width : 30%;
  margin : auto;       /* block alignment center */
}

<div>
  <label>Title</label>
</div>