I've been playing around with CSS and HTML code and I finally got to the point where the section I was working on works. I saved my CSS, and updated my post, and everything looked great, but when I returned to the post and switched from the HTML tab to the Visual tab WordPress altered/deleted my HTML code.
I re-entered my HTML code in the post, saved it while still in HTML view and the post appears exactly the way I want it to look.
My Post - The Bobby Ore quote is what I was working on. I saved/updated while still in HTML view, so the code appears to work. Here's the HTML code that I entered into the HTML view of my post:
<p class="space"><quote class="open">“</quote><quote class="font">Forget about style; worry about results.</quote><quote class="cite">~ Bobby Orr</quote><quote class="close">”</quote></p>
After switching to the Visual tab and back to the HTML tab, the HTML code now looks like this:
<p class="space">&#8220Forget about style; worry about results.~ Bobby Orr&#8221</p>