JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<script src="//fonts.googleapis.com/css?family=Droid+Sans:700"></script>
<blockquote class="quotelist">
  <p class="quote">
    Best explanation I've ever received on these topics.
  </p>
  <p class="quote">
    This was seriously outstanding! This speaker has a great understanding of inpatient and outpatient software, delivery systems, discharge counseling that may be different from what may/not be covered by insurance plans in outpatient setting, etc., pharmacists
    and nursing errors in general: a very broad understanding of where things go wrong.
  </p>
  <p class="quote">
    Excellent! I have a much greater understanding.
  </p>
</blockquote>

CSS

.quotelist {
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  overflow: hidden;
}

.quotelist::before,
.quotelist::after {
  content: '"';
  background: url(//pitt.releasecandidate-community360.net/Themes/PITT/Images/ldblquote.gif) no-repeat -2px 0;
  display: inline-block;
  width: 16px;
  height: 25px;
  text-indent: -9999px;
  float:left;
}

.quotelist::after {
  background: url(//pitt.releasecandidate-community360.net/Themes/PITT/Images/rdblquote.gif) no-repeat -5px 0;
}

.quotelist p {
  display: none; width:852px; float:left; margin:1em 0; text-align:center; padding:0;
}
.quotelist p:first-child { display:inline-block; }