JSFiddle - React, Tailwind, and code Playground

HTML

<blockquote>
    <p>Nunc dolor nisl, hendrerit eu justo a, cursus porttitor diam! Ut sed ante eu augue pellentesque vehicula. Mauris eget lorem consectetur, euismod nisi sed, egestas velit. Maecenas auctor, odio id interdum pharetra, nisl tellus volutpat eros, sit amet dictum tortor erat a massa. Integer egestas orci lobortis tempor maximus. In in ex convallis, condimentum nibh id, aliquet magna. In suscipit, erat eu sodales ultrices, lorem ligula egestas turpis, ac ultrices nulla augue at mauris. Vivamus dignissim quam id neque porta, pulvinar volutpat magna laoreet. Etiam imperdiet nulla neque, quis finibus ipsum porttitor a.</p>
</blockquote>

CSS

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}