Html 如何将负边距应用于内联块？

在这把小提琴中，我有一个跨度元素，我想给它一个负的上边距。除了定义

display:block的跨度，演示将说明显然是无用的

选择用于填充菜单div的元素（包括span）没有经过任何特殊考虑，可以更改为任何可以实现相同结果的元素。我怎样才能做到这一点


.outer{
背景颜色：蓝色；
填充：10px；
}
.标签{
背景颜色：天蓝；
浮动：左；
宽度：60%；
}
.菜单{
文本对齐：右对齐；
背景颜色：白肋木；
/*保证金：3倍*/
/*衬垫顶部：-5px*/
}
.菜单a{
背景色：蓝紫色；
光标：指针；
/*填充顶部：10px*/
}
.菜单范围{
背景颜色：绿色；
/*显示：内联块*/
页边顶部：-5px；
}

一些模型
编辑
| 
删除
试试这个：
设置
位置：绝对。您还可以使用伪类
：before
将分隔符放在最后一个
元素之前。这是一种更好的语义编码方式


.outer{
背景颜色：蓝色；
填充：10px；
}
.标签{
背景颜色：天蓝；
浮动：左；
宽度：60%；
}
.菜单{
文本对齐：右对齐；
背景颜色：白肋木；
/*保证金：3倍*/
/*衬垫顶部：-5px*/
}
.菜单a{
背景色：蓝紫色；
光标：指针；
/*填充顶部：10px*/
}
.菜单a：最后一个孩子{
左边距：15px；
}
.菜单范围{
背景颜色：绿色；
页边顶部：-2px；
位置：绝对位置；
}

标题
一些模型
编辑
| 
删除
看起来您正在尝试修复标准条形码字符的对齐方式，该字符在HTML中显示得稍低一些。可以改用图形垂直条。为此，您可以使用其实体
&boxv或其代码
│。代码保证可以工作，但并非所有浏览器都支持该实体


.outer{
背景颜色：蓝色；
填充：10px；
}
.标签{
背景颜色：天蓝；
浮动：左；
宽度：60%；
}
.菜单{
文本对齐：右对齐；
背景颜色：白肋木；
}
.菜单a{
背景色：蓝紫色；
光标：指针；
}
.菜单范围{
背景颜色：绿色；
}

一些模型
编辑
│  
删除
尝试
位置：相对；顶部：-5px
@SalmanA似乎有效，没有立即的副作用。非常感谢。