Here is the Dataview query typed into the document below the list item

- Test

As you can see the query is not indented from the far left edge of the document. 

For this reason, in reading mode the query is interpreted as a list and doesn't format the way we want it to.

We need to indent the query under the - test list item

To do this, select the 3 lines with the query.

Tab has now indented the entire query block

Press [[ctrl]] + [[e]] to go into Reading view and as you see it is now properly formatted.

There is one final thing you need to do, and that is add some additional CSS code to your vault. Here it is:

Tip! The goal here is that Obsidian sees the entire query as indented text, but its important to select just the query, and to [[Tab]] it into its indented location.

Using Dataview queries in Dashboard++ pages in Obsidian