title: How can I print HTML code with colors syntax highlighting on my HTML page?
body: <p>I'm trying to converts my code snippets into pretty-printed HTML format with syntax highlighting.</p>
  
  <pre><code>            &lt;xmp ng-non-bindable&gt;
                  &lt;ul&gt;
                      &lt;li ng-repeat="list in lists" class="input"&gt;
                          {{list}}
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/xmp&gt;
  </code></pre>
  
  <hr>
  
  <p><strong>Result</strong></p>
  
  <p><img src="https://i.stack.imgur.com/QFimE.png" alt="enter image description here"></p>
  
  <hr>
  
  <p><strong>I want to print out something like this</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/d9IKf.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>What is the best day to achieve something like that ? </p>
  
  <p>Can someone please direct me to the right direction ? </p>