use white-space:pre-wrap for spaces make effect #2403
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The white spaces are not rendered:
The normal behavior for the display of whitespaces is to compress them into a single one, which is then displayed.
There are two exceptions from that:
The pre tag, which keeps the whitespaces as entered.
Setting the CSS property white-space: pre; (respectively pre-wrap or pre-line)
Ex:
![image](https://user-images.githubusercontent.com/12281088/66775334-9786ce00-eebb-11e9-8832-abe7e2d38005.png)
in the code we can add a simple style for childs with white-space style.
Result in to this render: