Html 使上边框等于导航栏中文本的宽度？

我想使上边框的宽度等于导航栏中文本的宽度

可能吗？以下是我真正想要的屏幕截图：

/*菜单样式从这里开始*/ 顶部菜单{ 宽度：700px； 显示：块； 浮动：对； 边际：0px； 填充：0px； 背景颜色：粉红色； } 顶级菜单ulli{ 显示：块； 浮动：左； 最大高度：23.5px； } 顶级菜单ul li a{ 字体系列：Arial、Helvetica、无衬线字体； 字体大小：16px； 字体大小：300； 线高：63px； 颜色：黑色； 填充：8px； 文字装饰：无； } 顶部菜单ul li a：悬停{ 颜色：a0ce4e； 边框顶部：实心a0ce4e； 填充：20px； }

---

您只需创建一个不带右填充和不带左填充的容器

P { 左侧填充：0px； 右边填充：0px； 边框顶部：1件纯黑； 显示：内联块； } 文本

---

您只需创建一个没有右填充和没有左填充的容器即可

P { 左侧填充：0px； 右边填充：0px； 边框顶部：1件纯黑； 显示：内联块； } 文本

---

是，如果使用leaft和right margin而不是padding来创建列表项之间的水平距离。

是，如果使用leaft和right margin而不是padding来创建列表项之间的水平距离。

首先，您必须从锚元素中删除水平填充，因为它将始终显示在边框内。然后，您可以向锚点添加边距，也可以向包含的列表元素添加填充

/*菜单样式从这里开始*/ 顶部菜单{宽度：100%； 显示：块； 浮动：对； 边距：0px；填充：0px； 背景颜色：粉红色； } 顶部菜单ul li{显示：块； 浮动：左； 最大高度：23.5px； 填充：20px；-将填充添加到列表元素 } 顶部菜单ulli{字体系列：Arial、Helvetica、sans serif； 字体大小：16px； 字体大小：300； 线高：63px； 颜色：黑色； 衬垫：8px 0px；-从锚上移除水平衬垫 文字装饰：无； -边距：20px；-备选方案：将边距添加到锚点 } 顶部菜单ulli a:hover{color:a0ce4e； 边框顶部：实心a0ce4e；} 标题1 标题1

---

首先，您必须删除锚元素中的水平填充，因为它将始终显示在边框内。然后，您可以向锚点添加边距，也可以向包含的列表元素添加填充

/*菜单样式从这里开始*/ 顶部菜单{宽度：100%； 显示：块； 浮动：对； 边距：0px；填充：0px； 背景颜色：粉红色； } 顶部菜单ul li{显示：块； 浮动：左； 最大高度：23.5px； 填充：20px；-将填充添加到列表元素 } 顶部菜单ulli{字体系列：Arial、Helvetica、sans serif； 字体大小：16px； 字体大小：300； 线高：63px； 颜色：黑色； 衬垫：8px 0px；-从锚上移除水平衬垫 文字装饰：无； -边距：20px；-备选方案：将边距添加到锚点 } 顶部菜单ulli a:hover{color:a0ce4e； 边框顶部：实心a0ce4e；} 标题1 标题1

---

^这个。注意到他可能想要垂直填充，所以使用左填充和右填充来代替。^这个。注意到他可能想要垂直填充，所以使用padding left和padding right代替。