Css 在相对位置内对中有问题

我正试图建立一个网站，你有固定的附加背景和内容，然后滚动它。我已经取得了很大的成功，但我一生都不能以这篇文章为中心。我已经尝试了很多东西，正如你在CSS中看到的那样，但是没有一个有效

我已经相对定位了break div，在这里我想要一个跨越整个引导页面的背景，并允许用户在内容div之间滚动一个漂亮的图片分隔符。 我想添加一个带有“关于我”的h1标签，但它不会居中

#break {
height:400px;
background-image: url("http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-   york-skyline-at-sunset-from-high-above.jpg");
background-attachment: fixed;
z-index: 1;
position:relative;
}


#break h1 {
display: inline-block;
margin:0 auto !important;
color: white;
}

这是我的JSFIDLE： 多谢各位

尝试文本对齐

#break h1 {
text-align:center;
color: white;
}

尝试文本对齐

#break h1 {
text-align:center;
color: white;
}

---

尝试将

文本对齐

添加到父级，将一些

页边空白顶部

添加到

h1

#中断{
高度：400px；
背景图像：url（“http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-york-skyline-at-sunset-from-high-above.jpg");
背景附件：固定；
z指数：1；
位置：相对位置；
文本对齐：居中；
}
#中断h1{
显示：内联块；
利润率：160px自动0！重要；
颜色：白色；
}

关于我

尝试将

文本对齐

添加到父级，将一些

边距顶部

添加到

h1

#中断{
高度：400px；
背景图像：url（“http://img.inspiringwallpapers.net/wp-content/uploads/2013/10/new-york-skyline-at-sunset-from-high-above.jpg");
背景附件：固定；
z指数：1；
位置：相对位置；
文本对齐：居中；
}
#中断h1{
显示：内联块；
利润率：160px自动0！重要；
颜色：白色；
}

关于我

谢谢，这非常有效！但是为什么做margin:0 auto不起作用，但它是这样工作的呢？谢谢，这工作非常完美！但是，为什么做margin:0 auto不起作用，而是这样工作呢？谢谢！非常感谢您的帮助。正如@stranger4js在另一个答案中提到的，文本对齐是指文本<代码>边距：0自动将块居中，但不会将块内的内容居中谢谢！非常感谢您的帮助。正如@stranger4js在另一个答案中提到的，文本对齐是指文本<代码>边距：0自动将使块居中，但不会使其中的内容居中