Replace blockquote with font-awesome character

by panchroma

HTML

<div class="container">
    <blockquote>
        <p>This is the most awesome quote ever!</p>
    </blockquote>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
@import url('http://fortawesome.github.com/Font-Awesome/assets/css/font-awesome.css');

.container {
    margin: 50px;
}

blockquote {
    border-left: none;
}

blockquote:before {
    content: "\f10d"; 
    font-family: FontAwesome;
    float: left;
    margin-right: 10px;
}