段填充推开了绝对定位的标题

Question

这里我一直在尝试在div中水平对齐h3。虽然效果很好但是当我尝试向p元素添加填充时它会影响h3什么是绝对定位的元素，因为我理解不应该影响其他元素也不会受到其他元素的影响。那么p填充怎么会影响它呢？ 这是链接http://jsbin.com/yigakubijovo/1/edit

Answer 1

重置H3中的属性“top”：

h3{
position:absolute;
left:25%;
right:25%;
background:red;
top:0;
}