Я пытаюсь создать цитату с большими кавычками по бокам. Текстовое содержимое цитаты блока является динамическим, поэтому метки должны выравниваться в соответствии с его размером.
Я использовал элемент встроенного блока, чтобы он сжимался по размеру и содержал его текст, а мне 90 % там, но моя единственная проблема в том, что встроенный блочный элемент становится блочным элементом, когда он состоит из нескольких строк .
Чтобы проиллюстрировать, почему это проблема, я сделал фрагмент jsfiddle:
Как видите, большинство блоков выглядят правильно:
Я не могу контролировать длину слов в содержимом. Иногда встречается пример 4.
Кто-нибудь знает, как это решить? Я также готов выбросить весь этот код, если у вас есть совершенно другой подход для получения того же эффекта.
Спасибо!