html - 尝试为我的网站创建一个按钮

Question

我正在尝试为我的网站创建一个按钮。这是我的代码:

CSS:

.fheader-text {
    text-align: center;
}

.fheader-text h3 {
    font-family: Arial;
    color: #ffffff;
    font-size: 30px;
    background: #8edd63;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

HTML:

<div class="fheader-text">
    <h3>Aphryv</h3>
</div>

问题是背景宽度是 100%。我不能用 width: 50px 或类似的东西来改变它。

Answer 1

<div>占用所有空间，将其设为 <span>反而。之后，您可以设置所需的宽度。