:::nav sticky:top
**Languages**
---
- [Text](#text)
- [Grid](#grid)
- [Table](#table)
---
[Components](/@docs/components)
:::

:::hero height:auto align:left
# One page written in six languages

The same page, six versions, one address. It is an example and a measuring stick: `bin/layout-check` measures line breaking and width on it, in every script, from 320 to 3440 pixels.
:::

:::section width:normal space:5
## Text {#text}

A paragraph exists to be measured. The text column of a page in Japanese, Chinese or Korean is bounded in characters and not in zeros, because the width of a "0" is not the width of an ideograph. Korean does not break a word in half; Japanese follows the kinsoku rules, which say which marks may not open or close a line. None of it follows the reader's language: all of it follows the language the page was written in.
:::

:::section width:wide space:4
## Grid {#grid}

:::grid min:14 cols:3 items:card space:3
### Measure
Thirty to forty characters to the line, in a script of ideographs.
---
### Direction
A page in Arabic or Hebrew runs right to left, and the app does not run with it.
---
### Anchor
A heading keeps its own letters, in any script.
:::
:::

:::section width:normal space:4
## Table {#table}

| Script | Characters to the line | Breaking |
|---|---|---|
| Latin | 80 to 105 | at a space |
| Japanese | 40 | kinsoku |
| Korean | 40 to 55 | whole words |
| Arabic | 60 to 80 | at a space, right to left |
:::

:::footer surface:soft
**Languages** — an flows.md example: the page is markdown, and every version is the same page.

`languages`
---
**Here**
- [Text](#text)
- [Grid](#grid)
- [Table](#table)
---
**flows.md**
- [Components](/@docs/components)
- [Showcase](/@docs/showcase)
:::