Часть текста в css
 

Допустим у меня длинный текст в ячейке.
Задача - отобразить текст в одну строку и задать ширину столбца, например 150 px. Но сделать так чтобы часть текста отображалась с троеточием, например так: "У бабуси два весёлых..."

Как решить такую задачу?

http://htmlbook.ru/css/text-overflow
http://web.izjum.com/css-text-overflow-elli

<style type='text/css'>
p {
	width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
</style>
<table>
	<td>
		<p>У бабуси два весёлых гуся</p>
	<td>
</table>

Спасибо, Круто!