We have a number of examples in the Styling Best Practices that are currently (possibly) not marked up correctly because there are no tagging best practices for these cases yet:

- [x] [Number line](https://daisy.github.io/ebraille/best-practices/styling/#example-number-line): currently handled with a `pre` ~but that is probably not what we want.~ (for now there is no better alternative)
- [ ] [Spatial math](https://daisy.github.io/ebraille/best-practices/styling/#example-spatial-math): currently handled with a `pre` but that is probably not what we want.

Since above two seem to be cases of spatial materials, should https://github.com/daisy/ebraille/issues/30 not have been closed yet?

- [x] [Centered heading with a title and subtitle on different lines](https://daisy.github.io/ebraille/best-practices/styling/#example-centered-heading-with-a-title-and-subtitle-on-different-lines): I currently do this with a `header` that contains a `h1` and a `p`, but is this indeed what we want to recommend?

```html

⠠⠞⠊⠞⠇⠑⠒⠀

⠎⠥⠃⠞⠊⠞⠇⠑