Выплёскивание (overflow) текста из блока

Друзья, всем привет! У меня такой вопрос: я верстаю макет, тут есть блок с постами блога. Правильным будет предусмотреть, чтоб при росте количества текста в посте верстка не ломалась. Подскажите, пожалуйста, как правильней это организовать? Я поставил блоку, который оборачивает тег

с текстом (первая картинка) overflow: hidden. Но тогда, если добавить текста, всё очень некрасиво смотрится. Чтобы это решить, можно этой обертке сделать высоту пониже, чтобы хвосты букв следующей строки не выглядывали (вторая картинка). Но ведь, наверное, необходимо как-то показать, что там ещё есть текст. Надеюсь я четко изложил свою мысль: мне необходим способ избежать, так сказать, некрасивого выплёскивания текста из блока, которое может привести к тому что верстка сломается.

[][1]


Ответы (1 шт):

Автор решения: Кирилл Панишев

попробуй, он ставит ... в конце

text-overflow: ellipsis
→ Ссылка