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元素应该可以让您对一些基本图标样式有所了解，并且应该可以让您获得所需的外观。