Почему Overflow hidden скрывает слова целиком?

Question

[boxxxer]

Мне нужно что бы текст не выходил за рамки блока и я ставлю overflow:hidden на родительский блок.
Например: в теге LI идет текст "Проверка связи 2014", так вот если часть текста не помещается то overflow: hidden скрывает слово целиком (то что не помещается ) получится "Проверка связи" 2014 не вместилось, хотя там не помещается только 2 буквы последние "14", мне нужно что бы "первые 2 цифры показывались", что можно сделать может какое css свойство надо задать?

.list_menu li {overflow: hidden;}

<ul class="list_menu" data-role="listview">
                <li><a href="prilavki_aluminii.html">Прилавки в алюминиевом профиле</a></li>
                <li><a href="prilavki_steklo.html">Прилавки из ЛДСП и стекла</a></li>
 </ul>

Answer 1

[Юрий Лобанов]

попробуйте htmlbook.ru/css/text-overflow

Comments

[boxxxer]

то что надо, спасибо!

[Юрий Лобанов]

@boxxxer ответ следует отметить решением, если он подошел.

[boxxxer]

не успел просто отметить)

Answer 2

[wdtime_ru]

тут на примерах все понятно: overflow css