How can I add special text format on GitHub?

Question

I am trying to add text formatted in a special way to a GitHub repo on README.md file but it is not rendering the text format the way I want it.

I have attached images below. I want it to look like this:

BUT this is how it is rendering it:

So how can I achieve my goal?

Answer 1

https://help.github.com/articles/github-flavored-markdown/

Put four spaces before each line.

Answer 2

GitHub flavored markdown supports Using triple back ticks to fence code blocks, which lets you wrap code blocks more easily than indenting every line.

Standard Markdown converts text with four spaces at the beginning of each line into a code block; GFM also supports fenced blocks. Just wrap your code in ``` (as shown below) and you won't need to indent it by four spaces. Note that although fenced code blocks don't have to be preceded by a blank line—unlike indented code blocks—we recommend placing a blank line before them to make the raw Markdown easier to read.

Here's an example:

```
function test() {
  console.log("notice the blank line before this function?");
}
```

Keep in mind that, within lists, you must indent non-fenced code blocks eight spaces to render them properly.