Как сверстать такие кавычки?
попробуйте так:.your_block{
background: url(images/q_up.gif) no-repeat 0% 0%,
                url(images/q_down.gif) repeat-y 100% 100%; 
padding: 100px;
}
Для меньшего количества кода лучше использовать  псевдоэлементы :before и :after и для семантики сам тег blockquote
пример здесь : codepen.io/ennet/pen/aNVQem