Question

I have never had a problem with this in the past. For one reason or another, I cannot figure out how to do the following (jsFiddle included).

1. Add bullets to the list (they are not showing up).
2. Add styling to the list, so that the bullets of the list do not over lap the border of the div container of which they are inside.

These are both very basic desires, however something is just not right with what I am producing.

Please take a look here for more details.

Thank you,

Evan

Answer 1

You should add a padding-left to your <ul>, as the bullet points are being chopped off.

Demo: http://jsfiddle.net/DyeUy/11/

This article is a bit dated, but still a great one to look at for help with lists: http://www.alistapart.com/articles/taminglists/