Как сделать чтобы хвост диалога не отодвигался, когда много текста?

Question

[Qurel]

Как сделать чтобы хвост диалога(:after) не отодвигался, когда много текста?
https://codepen.io/Qurel/pen/qBbLOyB?editors=1100

Answer 1

[approximate solution]

Сверстанно технически неверно как по мне, когда у вас есть переполняемый контент, вы правильно сделали что ограничили ширину, но высота задается относительно контента и внутренних отступов. Добавьте:

.comics-dialog {
	display: block;
	padding: 70px 50px 50px 50px;

Ваш блок с "облаком", должен быть визуально правильным, относительно количества текста.