Narrow columns read best, but only with good hyphenation, and browsers guess.
Paste your text or HTML and it gets seeded with ­ …a soft-hyphen that stays invisible until a word needs to break …correctly.
Narrow columns read best, but only with good hyphenation, and browsers guess.
Paste your text or HTML and it gets seeded with ­ …a soft-hyphen that stays invisible until a word needs to break …correctly.
See the hyphenated result set in columns, the way it will sit on your page.
Change the column count and how the text wraps and justifies, compare shy's breaks with the browser's own, and copy the CSS that goes with the layout.
Three rules, named .columns here: the columns and the baseline grid on the element that holds the copied result, the alignment on its paragraphs, and the grid on its headings, so lines sit level across columns. Or fold the declarations into selectors of your own.