Css技巧-如何对齐此div

我有以下几条路线：

富拉诺·席尔瓦

。聊天用户状态>img{
边界半径：50%；
高度：15px；
宽度：15px；
}

但是，如果不使用图像，我无法正确对齐

“用户聊天状态”。我希望图像显示为绿色，分别是

或

。我做错了什么

---

如果您一个接一个地使用两个分区，则可以使用clear:All；在当前部门。 如果要将div向右对齐，可以使用。 我希望它能起作用。

看看这把小提琴：

我把

display:block

放在span上，我想这可能是您错过的

---

拉杜·切拉鲁的想法甚至更好。我在不使用额外跨距的情况下将一个工作示例组合在一起，请在此处查看：

---

它使用

：在
伪元素之后。
Pish，posh。UI的图像很傻。这就是为什么我们有伪元素

基本上，您只需将图像替换为
：after
或
：before
并相应地设置样式即可。下面是一个JSFIDLE来说明：


干杯
 谢谢你的回复，朋友，但似乎我们已经有了一些工作刚刚以上！拥抱！