html - 边距顶部不使用边距：0 自动

Question

我有一个相对定位的 div，我想水平居中。我也希望它在页面中间的某个高度。但是使用下面的css，我可以将它水平放置在中间，但它不会对其应用margin-top

  position:relative;
  margin: 0 auto;
  text-align:center;
  color:white;
  opacity:0.75;
  margin-top:30px;

有什么问题？？

Answer 1

试一试；）

CSS：

.info {
width: 300px;
height: 40px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align:center;
color:white;
opacity:0.75;
background-color: #000; /*-- Specify to your liking on background color --*/
line-height: 40px;
vertical-align: middle;
}

HTML：

<div>
    <div class="inner">Post your text here</div>
</div>

那是你正在寻找的吗？这是jsfiddle：http: //jsfiddle.net/s5PY5/7/

更新：

更新的演示