The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Aligning sprite in List element
Here….try this. http://codepen.io/anon/pen/kjefy
Offhand I think all that is necessary is to change the position to get it to line up in
.block ul.menu li a { background:transparent url(http://i.imgur.com/UHZe3.png) no-repeat 4px -816px; }
if you make it -813px it looks about right.
Thanks. Any idea what should be done to align the arrow ?
I have done what I believe is a dirty hack : [http://codepen.io/anon/pen/LcKxJ](http://codepen.io/anon/pen/LcKxJ “http://codepen.io/anon/pen/LcKxJ”)
I used,
.block ul.menu ul, .block ul.menu li { line-height:80%; }
.block ul.menu li { background:transparent url(http://i.imgur.com/UHZe3.png) no-repeat 4px -816px; margin:0; padding:0 0 0 18px; }