css ul bullet points too close together - not lining up

Question

I have 3 items in a <ul> unordered list and after i put in the <a href> hyperlinks the bullet points are too close together. The second bullet point matches the second line of the first bullet point.

How do I get the bullet point match to up the start of <li> item?

Answer 1

I've updated your fiddle

Setting the styling on the li's rather than their a's fixed the issue