Html 居中div的高度大于引导和flexbox上的父div

我正在努力做到这一点

teal div的右侧应该是文本

我可以用position absolute来做这件事，但我找不到任何解决方案来用bootstrap和flexbox来做这件事。有了引导和“行”和“列”的方式，灰色的div高度总是等于teals div高度，但我不这么认为

有什么想法，我怎么做

---

非常感谢各位

如果您不想使用

绝对

，或

相对

，或者通常不使用

静态

定位，有一种方法可以使用负边距将一个元素放置在另一个元素之上

.background{
背景色：#AAA；
利润率：50px0；
高度：50px；
}
.前景{
背景颜色：蓝色；
高度：150像素；
宽度：150px；
裕度：-100px 0 50px；
}

---

你能分享你的html/css吗？