html - 如何移动按钮背景？

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

标签： htmlcsswordpress

Answer 1

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

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

禁用这些样式，并在您添加时随文本移动.google_map_link {margin-top: 10px;}