Changing style in the middle of a paragraph

A paragraph whose style changes inside it: size, underline, colour.

Most text in a real document is not one style from end to end. A sentence carries a bold term, a total is underlined, a footnote marker is smaller than the words around it. This page sets paragraphs whose style changes inside them, and lets the line breaking cope.

A line is as tall as the tallest style standing on it, so a twenty-point word in a ten-point paragraph opens up its own line and no other. Underlines are drawn at the height and the thickness each font states for itself, so a passage set in another font is not underlined with a line too thick or too thin.

What this example shows

• Size, colour and underline changing inside one paragraph.
• Line height taken from the tallest text standing on that line.
• The height and the thickness of an underline, read from the font itself.

The code, in full

The same document is written twice, once in each language. Both files are shown in full, with the code coloured on the server, and can be copied in one click.

The document itself

The same document is written in each of these languages. Open the one you want to look at.

Open the document in English Open the document in French

Read the Rust source Read the Python source

What this document weighs

Before	110,563 bytes
Now	40,057 bytes
Saved	63.8 %

Not one mark on the page changed. See every document measured.