Как позиционировать и стиль блока в CSS ⇐ Html

[Anonymous]

Привет, ребята! Мне нужна какая -то CSS, помогающая стилизовать мое правило блока. My desired result is to have the opening quote above the quoted text, and the closing quote below the quoted text.

This image illustrates exactly what I require - site design

This is my current live WIP link - Live link

My CSS:

blockquote {
color: #e33e00;
font-style: italic;
font-family: GeoSlb712XBdBT;
padding:20px;
padding-left: 15px;
border-left: 3px solid #F63;

}

blockquote p:before {
content: '"';
font-size: 30px;
top:20px;
position:absolute;

}

blockquote p:after {
content: '"';
font-size: 30px;
}
< /code>

Если кто -то может помочь, я был бы очень благодарен. < /p>

Подробнее здесь: https://stackoverflow.com/questions/118 ... ote-in-css