Issue Summary

When working with headers, sometimes, depending on how we set the content in our pages, the headers show in different ways from the editing to the published mode.

Steps to Reproduce

1. Create a new page;
2. Add a header 1 and type some text there;
3. Add a header 2 and also type some text there;
4. Add a header 3 and again type text there;
5. Publish the page.

Expected Results

The WYSIWYG works, and the same way we see the content in the editing mode is the way we see it on the published page:

Actual Results

Instead of letting the headers separated by the same white space we have in the editing mode, it lets the headers one below the other:

Workaround

After each header, add a line break with the enter key to have the same experience as the editing mode.