Testimonial section with HTML tags I created this testimonial on CodePen



I am a bit skeptical about a few things in my HTML structure. For example, I typically see testimonials enclosed in &lt;div&gt;s with custom classes. In my case I used a &lt;blockquote&gt; but had to overwrite a lot of rules. 

Also wondering if enclosing the author in &lt;strong&gt; tags was wise.

HTML

&lt;div class="wrapper"&gt;
  &lt;blockquote&gt;
    &amp;ldquo;Such cool. Much awesome. WOW&amp;rdquo;
  &lt;/blockquote&gt;
  &lt;p class="author"&gt;
    &amp;ndash; 
    &lt;strong&gt;Doge&lt;/strong&gt;, 
    &lt;a href="#"&gt;The Moon&lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;


CSS

/* == resets == */
body { margin: 0; padding: 0; }
/* == project == */
body { 
  background: none repeat scroll 0% 0% rgb(240, 240, 240);
  color: rgb(102, 102, 102);
  font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
  font-size: 22px;
}
.wrapper {
  width: 600px;
  margin: 24px auto;
}

blockquote {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1.4;
  margin: 0;
  padding: 17px;
}
p.author {
  background-color: transparent;
  font-weight: 500;
  font-size: 22px;
  line-height:22px;
  margin: 24px 0 0 18px;
}
strong {
  color: rgb(68, 68, 68);
}

a {
  color: rgb(64, 131, 169);
  text-decoration: none;
}
I would say that for it to be semantically accurate, the author should be a part of the blockquote, perhaps using a footer.
You should include a cite attribute if the quote has a source.
The quote content should be inside a paragraph element.
I guess now you don't need the wrapper any more.

  &lt;blockquote cite="http://knowyourmeme.com/memes/doge"&gt;
    &lt;p&gt;&amp;ldquo;Such cool. Much awesome. WOW&amp;rdquo;&lt;/p&gt;

     &lt;footer class="author"&gt;
       &amp;ndash; 
       &lt;strong&gt;Doge&lt;/strong&gt;, 
       &lt;a href="#"&gt;The Moon&lt;/a&gt;
     &lt;/footer&gt;
   &lt;/blockquote&gt;

To make it look the same I had to change these bits of CSS:

blockquote {
  font-size: 22px;
  margin: 0;
}

blockquote p {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  font-family: Georgia, serif;
  line-height: 1.4;
  padding: 17px;
}

footer.author {
  background-color: transparent;
  font-weight: 500;
  font-size: 22px;
  line-height:22px;
  margin: 24px 0 0 18px;
}

Here's the result.