cssalignmentquote

Make quote begin at text, not at tag

I'm having some trouble getting my quote standing next to my text. At the moment, the quotation mark is standing on the very left side.

Without centering the text, it works fine, but when I center the text, things get messy.

.center
{
    text-align:center;
}

http://jsfiddle.net/BpTdL/2/

How can I make sure that quote is next to my text, not the tag?

Thanks!

Solution

  • Try changing the blockquote:before block of CSS to be

    blockquote:before {
    content: "\201C";
    font-size: 80px;
    color: #7a7a7a;
    display: inline;
    line-height: .22;
    vertical-align: middle;
}

    You'll need to adjust the padding-top of the blockquote a little because it gets cut off

    jsfiddle