В интернете много вариантов формы цитаты и все они хороши, но у многих форм, есть существенные недостатки, изображение кавычек не имеет изначального отступа, приходиться прописывать отдельную ячейку div или в изображение вставляют пустое пространство по краю, а текст цитаты, не обтекает само изображение, но давайте посмотрим на наиболее правильную ячейку цитаты.

Текст обтекает изображение кавычек, плюс кавычки имеют отступы, по отношению текста и основной ячейки цитаты, смотрим в исходный код:

как мы видим из кода, мы создали ячейку blockquote, в которую поместили текст цитаты и тег span, которому прописали ширину и высоту чуть больше основного изображения цитаты, тем самым текст цитаты обтекает тег span и наше изображение кавычек.

Текст цитаты не обтекает изображение кавычек, а идёт сплошным текстом, а под изображением, остаётся пустое пространство, давайте посмотрим в исходный код.

как мы видим из кода, мы прописали основной ячейки цитаты, внутренний левый отступ в 70px и добавили изображение, в верхний левый угол.