The Azure Pipelines and Github Workflows YAML code is jumbled (lost indentation)

Question

On page https://learn.microsoft.com/en-us/training/modules/implement-pipeline-strategy/6-implement-code-coverage-show-pipeline the code samples aren't formatted properly. They appear as one line. They are supposed to be YAML but the spacing is off. So, they won't work without having to know where to put newlines and spaces to properly format the YAML files.

This question is related to the following Learning Module