Blockquote CSS

by magizter

HTML

<blockquote><p>We are very gentle with our machines. Sometimes they respond very
friendly.
Ralf Hutter, Kraftwerk</p></blockquote>

CSS

blockquote {
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:-30px;
position: relative; 
max-width: 80%; 
    margin: 0 auto; 
    padding-left: 0.4em; 
}

blockquote p {
    font-size:2em;
}

blockquote p:before { 
    content: "\201C";
    font-weight: bold;
    font-size:100px;
    color:#66ABE3;
    position: absolute; 
    top: -0.2em;
    left: -0.5em; 
    font-family: 'Georgia'; 
} 
blockquote p:after { 
    content: "\201D";
    font-weight: bold;
    font-size:100px;
    color:#66ABE3;
    position: absolute; 
    bottom: -0.6em;
    right: 0; 
    font-family: 'Georgia'; 
}