[CodeIsTheEnd]

Is there a WYSIWYG (what-you-see-is-what-you-get [1]) document editor that is built on a foundation of HTML/CSS, and explicitly surfaces operations that map to CSS features, like flexbox? Changing the base style just means writing CSS rules for the `p` tag! And it could maybe even encourages component / class-based styling? I imagine it could be used for creating things that may get printed out, but will also see a longer life on a web page. You could even have explicit media queries to apply only when printing! [2]

I think of something like creating a good looking resume, which may include light graphic design elements like divider lines, and might not have a strictly linear layout and put some information in a sidebar. Making something look good in Word can be really frustrating, and require jiggering with margins and column layouts. It may fall apart when you try to add a new job. It's almost a joke that if you want a good looking resume, you should use LaTeX, but that's incredibly inaccessible. So many more people know basic HTML and CSS!

I think a lot of website builders (like Webflow [3] ?) expose a lot of underlying HTML/CSS, but I suspect they also support a lot more ad-hoc graphic design elements that can really make the underlying HTML document a total mess.

[1]: https://en.wikipedia.org/wiki/WYSIWYG

[2]: https://developer.mozilla.org/en-US/docs/Web/CSS/@media#prin...

[3]: https://webflow.com/