Pullquotes Hands-on Exercises

1. Create styles for pullquote-right, pullquote-quote, and
   pullquote-attribution

.pullquote-right {
width: 200px;
float: right;
border-top: 3px solid #666666;
border-bottom: 3px solid #666666;
background-color: #EFEFEF;
margin: 8px 0 8px 12px;
}

.pullquote-quote {
font: 18px Georgia, Times, serif bold italic;
margin: 8px;
}

.pullquote-attribution {
font: 9px Verdana, Arial, sans-serif #333333;
text-align: center;
margin: 0 8px 8px 8px;
}
   
   
2. Create a <div> for your pullquote page component
3. Create a <div> for your quoted text
4. Copy/paste the quoted text
5. Create a <div> for your attribution placing it right after the quote's <div> but still within your overall component <div>
6. Insert the attribution text
7. Apply your classes to the elements