The issues are that there are a lot of browsers, a lot of screen resolutions, and a lot of different text sizes that a web page can be rendered in.

Our word processors, like Microsoft Word, and others, can do this for us, so why can’t the same look be achieved easily on a browser? A Justified Paragraph! Justification, in a typographical sense, means that text stretches to line up precisely on the right and left margins, and appears straight down the edges (unlike this page, which is aligned left, and therefore is straight down the left edge, but the lines finish where the last word that fits the line ends – a jagged edge at the right-hand side, which we don’t mind!). Sometimes, for the purposes of style, we want to justify text in web pages. Leave A Comment if this Helped (or didn’t).With these 2 CSS rules, you can justify Chinese text for your HTML page and the paragraphs will look nicely cross-browser. We need to add another CSS rule for text-justify to force IE to fully justify the Chinese text: text-justify: inter-ideograph This works for all browsers except IE which seems to ignore the CSS rule. In order to force the browser to re-arrange the Chinese characters to fill up all the space of the line, we need to manually apply the following CSS rule to Chinese paragraphs: text-align: justify However, for Chinese text, the same applies but as Chinese characters take up equal spaces, they will appear to have a justified alignment, except in one case when the browser tries automatically to avoid punctuation marks to appear at the beginning of the line (避頭點). This will is the convention for Chinese paragraphs, however the layout will look a bit awkward. Without specifying the paragraph alignment, English has a default left alignment and this looks perfectly okay on the browser. Text-justify: inter-ideograph // this is an IE-only style Justify Chinese Text with CSS – The Explanation Using the following CSS rule can ensure cross-browser support to justify Chinese text with CSS.

Summary: Support for Chinese text alignment varies between different browsers.

How to justify text in html css