JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
    
  <body> 
    <div style="width:420px;">
      <h1>Left Pull-Quote</h1><br>
      <p>Duis mattis dictum vehicula. Mauris neque purus, dapibus sed elementum vel, dapibus in mi. Praesent non eros augue. In hac habitasse platea dictumst. Morbi semper urna non dui malesuada convallis. Nulla consectetur mattis dapibus. Maecenas aliquam mauris at tellus convallis id pellentesque eros aliquet.</p>
        
      <blockquote class="left-pull">
        <p>"Here we have another pull-quote floated to the side. Except now we can give a source."</p>
        <span class="ref">- Jake Rocheleau</span>
      </blockquote>

      <p>Fusce vitae turpis tellus, non elementum nunc. Vestibulum non sapien nec metus euismod consequat nec euismod orci. Aenean sagittis libero vel arcu vestibulum vestibulum. Etiam molestie nibh ac velit elementum sit amet gravida quam semper. Curabitur vulputate elit sed enim tempus condimentum. Donec sed justo lacus. Vestibulum porta vehicula sagittis.</p>
        
      <p>Proin nec mauris sit amet risus fringilla vehicula. Morbi eu erat velit, at hendrerit augue. Ut pulvinar nulla eu tellus ultrices varius. Pellentesque id turpis est. Vivamus quam arcu, vulputate quis blandit at, rutrum vel magna.</p>

      <p>Aliquam augue sem, facilisis sed tristique id, sollicitudin et nibh. Quisque vel elit non elit porttitor pharetra porta quis nunc. Morbi nibh augue, consectetur vitae scelerisque non, tincidunt et dui. Sed vestibulum ligula sit amet dui suscipit laoreet. Etiam elit odio, egestas sed lacinia non, porttitor vitae turpis.</p>
        
      <p>Vivamus nisi lorem, auctor nec ornare quis, varius eget felis. Vestibulum elementum varius eleifend. Donec in augue leo. Nulla facilisi. Nulla facilisi. Fusce eu magna lacus. Maecenas id arcu nec sem aliquet luctus sit amet nec quam. Fusce dapibus libero mollis dui hendrerit ut mattis ligula semper. In orci...

CSS

body { padding: 11px 15px; font-family: Arial, Tahoma, sans-serif; font-size: 12px; color: #454545; line-height: 14px; }
h1 { text-decoration: underline; font-weight: bold; text-transform: uppercase; }
p { font-size: 13px; line-height: 16px; margin-bottom: 12px; color: #444; } 

/** pull-quote styles **/
.left-pull { display: block; padding: 7px 11px; margin-left: 5px; width: 170px; float: right; margin-right: 10px; background: #555; color: #bcbcbc; font-weight: bold; line-height: 17px; font-size: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.left-pull p { font-style: italic; color: #d5d5d5; }
.left-pull .ref { font-size: 11px; }