Это пример того, как можно оформить маленькие цитаты в тексте контента на сайте! Сначала ячейка с цитатой будет отображаться с правой стороны текста, тут играет важную роль внутренние и внешние отступы, Они добавляют больше белого пространства!
Обратите своё драгоценное внимание на то, что текст каждого абзаца обтекает данную ячейку div с текстом цитата
А теперь ячейка div с текстом цитаты, отображается уже с левой стороны, а текст также её будет обтекать. И всё это делается на раз, два! Благодаря знаниям и тайной магии HTML-CSS. Тут главное понимать как всё работает, а не учить каждый тег, стиль и его значение!