Html CSS：如何定义文本布局的全宽边框？

我定义了这些元素：

.price-btn {
    cursor: hand;
    font-size: 17px; 
    font-weight: 400;
    padding: 10px 40px 10px 40px;
    border:1px solid;
    border-radius: 4px;
    text-transform: uppercase;
    width: 100%;
}

此处使用此样式：

<p style="text-align: center;"><a href="#" class="price-btn">My label</a></p>

“我的文本布局”的当前结果是：

但我想要全边框宽度，如下所示：

---

伙计们，我该怎么做？多谢各位

默认情况下，“a”链接的行为类似于“span”，而不是“div”

尝试添加

display:block;

添加到css中，并将其从周围的“p”标记中删除

---

添加到

price btn

到

display:block

。链接标签（

Perfect Rayees！

    display:block;
    color:#eda93c;