Align Arrows With Inline Menu Link

HTML & CSS
1

Please take a look at my footer menu. I’m having trouble getting the text to line up with the arrows, plus I’d like to vertically align the arrows with the text links.

Any ideas?

2
  1. Change “footer li{}” to display:block;
  2. Remove the float:left; on “footer li:before{}” and add in display:inline-block;
  3. Set “.nav > li > a” to display:inline-block;.

Looks centered to me now.

3

That’s heavenly, RyanReese! Thank you!

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.