li {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

http://www.smashingmagazine.com/2010/03/01/css-and-the-future-of-text/

Adding ellipsis to an overflowing item.

Adding an ellipsis to an overflowing item.

css

CSS