CSS边框不会完全包装文本

Question

我一直在尝试在CSS的网站上放置一个特定文本的边框，但它不会完全包围它。

这就是我所说的： Image

这是我使用的代码：

.box-outline { border: 4pm solid black; border-radius: 4px; }

对于上下文，我正在使用WordPress主题并尝试在导航菜单上放置该文本边框。 WordPress提供了通过放入CSS class来设置菜单条目样式的选项，但它无法正常工作。是我的主题是让我搞砸了，还是有什么我可以改变的？

Answer 1

试试这个：

.box-outline {
 border: 4pm solid black;
 border-radius: 4px;
 z-index: 100500;
}

也许还有一些元素会关闭你的右边界...... z-index可能有所帮助。

或者......看起来，你的上一个div /按钮设置了不正确的宽度，或者包含所有按钮的div的宽度。