Text won't wrap correctly when using padding-left

Question

Each link in the menu on the left has padding-left: 15px; the reason for this is so I can add a background image (the blue arrow).

But now, when the text wraps (see "Paintings, prints, and watercolours"), it ignores the padding.

After searching around I can't find any similar cases at all, is that because I am going at this wrong?

If what I have at the moment is fine, how can I fix the wrapping issue?

Answer 1

Padding only applies to block-level elements. Either assign your menu's a elements a display:block; or display:inline-block; to get them to respond properly to padding.