如何移动按钮背景？

Question

我无法移动按钮背景。我已经确定了可让我将按钮文本移动到我喜欢的任何位置的类，但是我希望按钮背景能够随它一起移动。

HTML：

<li class="location"><a class="google_map_link" 
href="http://maps.google.com/maps?  
q=London&#038;zoom=14&#038;size=512x512&#038;
maptype=roadmap&#038;sensor=false">London</a></li>

尝试过CSS：

.google_map_link {margin-top: 10px;} 

这适用于文本，但是背景和fafa留在同一位置？

https://adsler.co.uk/job/holland-and-barratt-london-4-store-colleague

Answer 1

您的背景和图标没有移动，因为第一个具有固定的高度，第二个具有垂直对齐

.location {
...
height: 24px;
}
.single_job_listing .meta .location:before {
...
vertical-align: top;
}

禁用这些样式，并在您添加.google_map_link {margin-top: 10px;}

时随文本一起移动。

Answer 2

您可以使用背景位置重新排列背景图像

.google_map_link {
   background-position:0 10px;
}