JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<div>
    <p>For the fourth year in a row Adlucent has been named one of Austin’s Best Places to Work, placing third behind the fabulous Pleasureland and Cafe Medici.</p>
    <blockquote><p>Super Black Magic is a new bid management technique.</p></blockquote>
</div>

CSS

div {
    font: 16px/20px Helvetica;
    padding: 20px;
    max-width: 350px;
}
div > p {
    padding-bottom: 20px;
}
blockquote p {
    color: black;
    display: inline;
    font: bold 24px/26px Helvetica;
    position: relative;
    text-transform: uppercase;
}
blockquote p:before {
    content: '\201c';
    left: -.5em;
    position: absolute;
}
blockquote p:after {
    content: '\201d';
    position: absolute;
    right: -.5em;
}