The methods I've tried are margin-left:auto; margin-right:auto; which doesn't seem to work with this. I've tried margin-left:Xpx; . One method that worked for a prior project was display:inline-block and display:table-cell but at other times those refuse to work. I tried applying those "fixes" to both the divs and spans.

Another problem is that I can't seem to style the margin-top and margin-bottom in this instance at all.

To shorten the post: I want to center the div and make the spans have a margin-top or bottom. What am I doing wrong and can someone explain the conceptual side to it? Thank you