Generally speaking, we're trying to demonstrate:
<pre> <code class="language-html"> ...code goes here </code> </pre>
Use when you want to quote a separate source. Markup:
<div class="blockquote"> <p class="blockquote__text"> ...Quoted Text Goes Here... </p> <p class="blockquote__attribution"> ...author, link, article, etc... </p> </div>
A bank is a place that will lend you money if you can prove that you don’t need it.
Use when you want to emphasize a passage from the article you're writing.
<p class="pullquote"> ...text from your article... </p>
Design today is more than styling or aesthetic or even the ever-dreaded 'problem solving.' Here, design can be seen simply as ideology made artifact.