My CSS text won't show ellipsis

Try adding the magic three: white-space, overflow and text-overflow first. Note that a width must be specified. Use a percentage to get dynamic ellipses as the screen shrinks against uneven text lengths.

Finally, don't forget a :block or :inline-block display value.