Как переместить фон кнопки?

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

Вы можете использовать background-position для изменения фонового изображения

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