Html 在两个元素之间添加伪元素

我想在两个元素之间插入一个伪元素，例如：

.general{
填充：20px；
边框：1px实心#4a4a4a；
}
.左字幕{
浮动：左；
右侧填充：5px；
背景颜色：黄色；
}
.右字幕{
浮动：对；
左侧填充：5px；
背景色：红色；
位置：相对位置；
}
.右字幕：之后{
内容：''；
宽度：100%；
高度：2倍；
左-100%；
底部：0；
背景颜色：蓝色；
位置：绝对位置；
}

福
文本1
9.00 €

像这样使用flexbox：

.general{
填充：20px；
边框：1px实心#4a4a4a；
}
.副标题{
显示器：flex；
证明内容：之间的空间；
}
.左字幕{
右侧填充：5px；
显示器：flex；
弹性：1；
}
.右字幕{
左侧填充：5px；
位置：相对位置；
}
.左字幕：之后{
内容：''；
弹性：1；
边框底部：1px纯蓝色；
}

福
文本1
9.00 €