title: Why can't I properly style a blockquote in Wordpress?
body: <p>On the design I just created for my website, I have a blockquote styled with two quote images using the span technique in css:</p>
  
  <pre><code>blockquote {
  background-image: url(images/openquote.jpg);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 30px;
  padding-right: 30px;
  font-style: italic;
  }
  
  blockquote span {
  background-image: url(images/closequote.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  display: block;
  padding-right: 30px;
  font-style: italic;
  }
  </code></pre>
  
  <p>Then I format the HTML like this:</p>
  
  <pre><code>&lt;blockquote&gt;&lt;span&gt;
  "The worst part of writing fiction is the fear of wasting your life behind a keyboard. The idea that, dying, you'll realize that you only ever lived on paper. Your only adventures were make-believe, and while the world fought and kissed, you sat in some dark room, masturbating and making money."&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;div align="right"&gt;- Chuck Palahniuk&lt;/div&gt;&lt;/b&gt;
  &lt;/span&gt;&lt;/blockquote&gt;
  </code></pre>
  
  <p>On the test HTML page I created, the quote works fine and shows up exactly how I wanted to.  Now that I'm transferring all of my coding to Wordpress, however, the blockquote doesn't show up the same way.</p>
  
  <p><strong>HTML:</strong> lifesgarbage.com/rebnation.html (sorry, I can't post more than one link yet)</p>
  
  <p><strong>Wordpress:</strong> <a href="http://test.lifesgarbage.com" rel="nofollow noreferrer">http://test.lifesgarbage.com</a></p>
  
  <p>How can I change my CSS so it shows up on Wordpress similar to the way it does on the regular HTML?</p>