add text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;