HTML code into README.md on Github

Question

I tried to put some HTML snippets into my README.md on Github but the HTML codes are parsed.

How do I do it?

<h2>Example of code</h2>

<pre>
    <div class="container">
        <div class="block two first">
            <h2>Your title</h2>
            <div class="wrap">
                //Your content
            </div>
        </div>
    </div>
</pre>

Ivan Zuzak · Accepted Answer · 2013-05-03 06:33:14Z

107

Try putting your HTML snippet inside an ```HTML block like this:

```html
<h2>Example of code</h2>

<pre>
    <div class="container">
        <div class="block two first">
            <h2>Your title</h2>
            <div class="wrap">
            //Your content
            </div>
        </div>
    </div>
</pre>
```

answered May 3, 2013 at 6:33

Ivan Zuzak

18.9k3 gold badges76 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ivan Zuzak Over a year ago

@tonymx227 It's a feature of the redcarpet library which GitHub uses for Markdown rendering: github.com/vmg/redcarpet. See the "fenced code blocks" option.

nam Over a year ago

@IvanZuzak Thank you - it works for me. It seems you have to make sure you put your HTML is in the second line as you have shown in your example.

nipunasudha Over a year ago

awesome! This worked for the markdown plugin in JetBrains IDEs

Akash Desai Over a year ago

you can use this ``` ``` to pass any code

Collectives™ on Stack Overflow

HTML code into README.md on Github

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related