Ограничиваем текст при помощи CSS

Иногда необходимо ограничить вывод текста но при этом не потерять весь текст для поисковиков. Например в списке товаров нередко встречаются названия разной длинны и блоки приходится подгонять под одинаковый размер. Лучше всего это сделать при помощи CSS.

.mystyle {
line-clamp: 1; /* ограничить вывод одной строкой*/
text-overflow: ellipsis; /* Добавляем многоточие */
overflow: hidden;
display: box;
word-wrap: break-word;
box-orient: vertical;
font-size: 15px;
line-height: 19px;
-ms-text-overflow: ellipsis;
-ms-line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;

}