Readability: The Optimal Line Length
December 09, 2023
- The optimal line length for body text is 50–75 characters
- Shorter or longer line lengths can hurt readability
- Our large-scale testing reveals that text line length often makes product or service descriptions unnecessarily difficult for users to read
CSS has a built-in unit for this purpose—the ch unit:
<style>
p {
max-width: 50ch;
}
</style>Reference
https://baymard.com/blog/line-length-readability
https://courses.joshwcomeau.com/css-for-js/06-typography-and-media/06-text-styling