` to enforce "block" styling as opposed to the default "inline" which renders the link next to the previous block instead of below it. But the nested markup adds an unnecessary layer of indirection in semantics and when parsing. `` has the same effect (gmi.css uses this). ### inline media Optionally, if a link is consumable by ``, `

`. ### contenteditable Empty lines should simply be represented as `

` this sets up `contenteditable=true` to add content to the line compared to just `
`. When `contenteditable=true`, `

`, `

` and `

` may also have line-breaks which will be represented in `.innerHTML` like so: ```

↔

        ↔ \n (or 
)
```

This is important mostly for DOM development (as opposed to static HTML generation) where it is likely to occur.

## gmi.css

Style your HTML generated Gemini content in a readable, predictable and mobile-friendly fashion!

```


```

The following variables (shown with their defaults) can be customized using the style attribute of your document's `` tag.

```
  --foreground: black;
  --background: white;
  --p-size: 1.25rem;
  --p-indent: 0rem;
  --a-size: var(--p-size);
  --pre-size: 1rem;
  --h1-size: 3rem;
  --h2-size: 2.25rem;
  --h3-size: 1.5rem;
  --ul-size: var(--p-size);
  --blockquote-size: var(--p-size);
  --mono: Consolas, monaco, monospace;
  --serif: georgia, times, serif;
  --sans-serif: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
```

gmi.css will respect system dark mode preferences by inverting `--foreground` and `--background`.

```

```