If a web design noob may speak: I "style" my web content in HTML, as semantically as possible. So I might say,
<h4>A sub-title</h4>
<p>First para</p>
<p>Second para</p>
<h4>Next sub-title</h4>
and hope that the styles in the framework will look after the aesthetics. I don't do "visual" editing. If the styles of the framework are really bad, then I change the style - in one place. Same idea with any mark-up, LaTeX and document classes for example. (Well, nowadays there is mark-down too. That is a different story.)
The ubiquitous WYSIWYG editor is a pain. Yes, the Wordpress approach is elegant. But I suppose Moodle is meant for a broader audience.
Talking of WYSIWIG HTML editor in Moodle (what they call the Text editor) I notice that the OP uses TinyMCE, not Atto, the preferred one by the Moodle developers.