Ellipsis for overflowing text
Level 7 of 10Your goal
Keep the 200px label on a single line and cut it off with an ellipsis (…). You need white-space: nowrap, overflow: hidden and text-overflow: ellipsis. The label becomes one line tall.
Must use
text-overflowwhite-spaceoverflowtarget content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.