JSFiddle - React, Tailwind, and code Playground

HTML

<body><section><article><div>	
    <h2>What Others Have Said...</h2>
        <div class="centered">
            <h3 class="reviewExcerpt"><p>The services were awesome</p>
            </h3>
            <div class="5 floatRight">
                <p>&mdash; Anonymous</p>
            </div>
        </div>
</div></article></section></body>

CSS

.reviewExcerpt p::after {
	content: "\00A0.\00A0.\00A0.";
}
.5 p::before {
	content: "\f005 \f005 \f005 \f005 \f005  stars";
  	font-family: 'Font Awesome';
  	display:block;
  	background-color:green;
  	height:20px;
}
.floatRight {
  float: right;
  display: block;
}
h3 {
  font-family: 'Calligraffitti', 'Raleway', script, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1em;
  margin: .8em 0 0;
  font-weight: 600;
  color: #555555;
}
h2 {
  font-family: 'Calligraffitti', 'Raleway', script, Helvetica, sans-serif;
  font-size: 1.9em;
  margin: .8em 0 .25em;
  font-weight: 600;
  color: #b565a7;
}
.centered {
  margin: 0 auto;
  text-align: center;  
}