Bullets in unordered list not contained within the block?
Question answered in the comments. Thanks to @Chad and @Mr Lister for their help.
I failed to notice the default properties of the <ul>
element in that the bullet points are contained OUTSIDE of the block by default and in the PADDING of the element instead. When I think about it, this makes sense because that would allow the text of each bullet point to line up precisely.
Adding list-style-position: inside;
fixed it by placing it inside of the element instead of in the padding.
Thanks!