试图为我的网站创建一个按钮

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％。我不能用宽度改变它：50px或类似的东西。

Answer 1

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

Answer 2

将h3设置为inline-block。我认为这就是你想要的。

Answer 3

<div>默认情况下设置为display: block;，它将跨越父容器的整个宽度。如果添加display: inline-block;，则可以设置宽度。