Quotes with UTF Code

by Kheema Pandey

HTML

<blockquote>
            We came back to IBM because our previous provider was not as awesome.
            <cite>Jon Jones, Vice President at Google</cite>
        </blockquote>

CSS

blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #616161;
}

    blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
    }
blockquote:after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right: 20px;
    top: 40px;
    color: #7a7a7a;
    }

    blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    }
     blockquote cite:after {
    content: "\2019 \2009";
    }
    blockquote cite:before {
    content: "\2014 \2009";
    }