CSS将Icon移动到右侧

Question

我在下面创建了一个带有图标，用户名和电话号码的用户界面。我用于Image的CSS属性是

float: left;
position: relative;
margin-left: 4%;

当我增加保证金时，图像和usrname都向右移动。我只是想把图标向右移动一点。怎么办？

Answer 1

如果没有准确的标记以及您编写CSS的上下文，有点难以给出具体的答案。但是，我建议您遵循大多数较新的CSS框架中编写的标记和样式，例如Bootstrap和Font Awesome。它们都使用span或i元素将图标附加到，因此您的HTML在语义上是有效的。此外，这将使您更灵活地应用特定的图标样式。

检查Font Awesome示例中的i元素应该可以让您对一些基本图标样式有所了解，并且应该可以让您获得所需的外观。