Html 如何对齐bullseye旁边的文本

我已经用CSS创建了一个bullseye徽标，并希望在徽标旁边放置一个对齐的文本

#徽标{
宽度：25px；
高度：25px；
边界半径：50%；
背景色：红色；
背景剪辑：内容框；
填充物：5px；
边框：5px纯红；
颜色：红色；
}

---

text123

您可以使用

flexbox

：

#容器{
显示器：flex；
对齐项目：居中
}
#标志{
宽度：25px；
高度：25px；
边界半径：50%；
背景色：红色；
背景剪辑：内容框；
填充物：5px；
边框：5px纯红；
颜色：红色；
}
#正文{
颜色：黑色；
左侧填充：12px
}

文本123

不要在徽标上使用浮动。其次，如果此文本应该与徽标一起定位，则可以将#logo div position:relative和text position:absolute设置为“相对”，因此如果徽标移动，则文本也会移动，或者您可以简单地将边距延伸到span的左侧。我希望文本显示在徽标旁边。