I know about CSS's text-overflow: ellipsis but it nearly never works first time for me. I totally missed that the property needs two other properties in play against the element:
overflow: hidden;
white-space: nowrap;
It's that second one, the white-space I always forget!