As others have already answered, a pure CSS solution does not exists. There is a jQuery plugin that is very easy to use, it is called dotdotdot. It uses the container’s width and height to calculate if it needs to truncate and add ellipsis.