Как сверстать такие кавычки?

Question

[Микола]

Вот такие? Через что их оформлять?

Answer 1

[Алексей Алюшенко]

попробуйте так:

.your_block{
background: url(images/q_up.gif) no-repeat 0% 0%,
                url(images/q_down.gif) repeat-y 100% 100%; 
padding: 100px;
}

Answer 2

[display: block]

codepen.io/anon/pen/bpYQNY

Answer 3

[Сергей]

:before :after элементов

Answer 4

[ennet]

Для меньшего количества кода лучше использовать псевдоэлементы :before и :after и для семантики сам тег blockquote

пример здесь : codepen.io/ennet/pen/aNVQem