2014-02-18 138 views
-1

我使用下面的图标,用户名和电话号码创建了一个用户界面。我用于图像的CSS属性是将CSS图标移动到右侧

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

enter image description here

在i增加利润率左图像和usrname两者都移动到右侧。我只是想将图标向右移动一点。如何做到这一点?

+0

你可以提供你的HTML标记以及你在发布的CSS中使用的选择器吗? –

+1

使用'position:relative',使用'left:XXpx'而不是'margin-left' – darma

+0

请提供jsfiddle代码,以便我们编辑它并帮助您 – Jatin

回答

0

如果没有确切的标记和你写CSS的上下文,给你一个特定的答案有点难。不过,我会建议遵循大多数较新的CSS框架中编写的标记和样式,如BootstrapFont Awesome。它们都使用span或i元素来附加图标,因此您的HTML在语义上是有效的。此外,这将使您更灵活地应用您的特定图标样式。

检查Font Awesome示例中的i元素应该会给您一些基本图标样式的好主意,并且应该允许您获得所需的样式。