Как можно обрезать текст блоком

[alleclf]

Не знаю как правильно сформулировать вопрос.

 

Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы.

 

Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил.

 

Пример тут - http://jsfiddle.net/T98Dx/

 

Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.

[Aleksandr.L]

http://css-tricks.com/almanac/properties/t/text-overflow/

[afdw]

Так: http://jsfiddle.net/T98Dx/1/?

Edited April 25, 2014 by afdw

[vera17]

http://kate-land.net/html-css/item/265-prevent-line-break

[alleclf]

Всё решилось достаточно просто, всем спасибо.