Как разместить двойные кавычки в блоке?

Question

[Danya Wyse]

Просто текстом не получается так как получается что кавычка выступает в роли первого символа

Если размещать их через псевдоэлементы то получается так

Нужно чтобы было так

Comments

[godsplane]

а что плохого в том что кавычка выступает в роли первого символа?

[Danya Wyse]

godsplane, не соответсвие по макету будет,кавычка сдвинет текст

[Jeff_Parker]

Danya Wyse, тогда :before и :after

[Danya Wyse]

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

[Ankhena]

Danya Wyse, Просто два псевдоэлемента. ::before абсолютом (или гридом с доп оберткой), ::after инлайном.
Только нужно следить, чтобы закрывающая кавычка не посмела переносится на новую строку сама по себе.

[Danya Wyse]

Ankhena, https://codepen.io/iwyse/pen/wvppJBw
накинул код, вот. Если изменять размер, добавлять текст то кавычка не стоит в конце предложения как хотелось бы

[Ankhena]

Danya Wyse,
держите https://codepen.io/AnnaSummer/pen/dyJJvaE

[Danya Wyse]

Ankhena, спасибо огромное

Answer 1

[Ankhena]

https://codepen.io/AnnaSummer/pen/dyJJvaE

Comments

[Danya Wyse]

https://iwyse.github.io/CV-card-by-Wyse/

[Ankhena]

Danya Wyse, там в конце фразы ку меня стоял неразрывный пробел - он лишний.

Answer 2

[nonconformiste]

Если я правильно понял, стоит указать псевдоэлементам display: inline;