Use the character unit to limit the number of characters per line in a text element.
What happens when I select a paragraph and set its maximum width — what if I set it to 10 ch? What happens?
Well, nothing, because I have to first press Return. Okay, still nothing, because this keyboard is broken. But if I use this fully functional keyboard and press Return? Boom.
Now. What’s actually happening? As it turns out, CH stands for “character unit.” It literally sets the max width to equal 10 of the number 0 in whichever font we’re using.
And when I want to keep paragraphs nice and legible? So my eyeballs don’t get strained from reading all the way across the screen each time? I can set it to something practical like 60 ch. And now it won’t ever get wider than 60 of the number 0 in whichever font is selected.
CH. It’s much easier to say those two letters than it is to describe how amazing it is.
The CH unit (character unit) lets us set the maximum width on text elements (e.g., headings or paragraphs) by limiting the number of characters (including spaces) per line. This constrains text to a smaller area and prevents eye strain associated with reading back and forth across the screen for each line of text.
The CH unit is equal to the number of zeros in a particular font (e.g., 10ch in Times New Roman font will limit the width of a text element to be equal to the width of 10 Times New Roman zeros).
To set the CH unit:
Learn more about the CH unit in our lesson on Typography.
Cheers! You are the champion of changing CH!
Something went wrong while submitting the form. Please contact support@webflow.com