Question

我想把h1放在按钮类下面大约3个像素，但即使我把它放在它上面似乎也不起作用：

margin-top:-10px;

以下是预览： http://jsfiddle.net/poyf59jv/

有什么想法吗？

Answer 1

你必须在一个div中包含锚标签，在另一个div中包含h1标签然后将margin-bottom: -5px作为第一个div。

您的jsfiddle已更新。

Answer 2

根据需要添加填充顶部而不是边距。

Answer 3

以下是您想要的示例：http://jsfiddle.net/poyf59jv/3/

<div id="buttons">
    <span><a class="buttons" id="tab1" href="#">Home</a><h1>Homepage</h1></span>
    <span><a class="buttons" id="tab2" href="#">About</a><h1>About</h1></span>
</div>

#buttons{
position:absolute;
top:225px;
height:40px;
width:850px;
margin-left:30px;

}

.buttons{
display: inline-block;
width: 122px;
line-height:1px;
margin-right:6px;
text-align: center;
padding-right:5px;
padding-left:5px;
color: black;
font-family: lobster;
font-size: 18px;
font-weight: bold;
font-style: normal;
text-shadow: #000000 0px 0px 0.7px;
text-decoration:none !important;
text-decoration:none;
letter-spacing:-0.1px;
}

span {
    width: 200px;
    display:inline-block;
    text-align:center;
}

span h1 {
    position:relative;
    margin-top: -10px;
    padding: 0; 
}

保证金根本不起作用

3 个答案: