How can I style code listings using CSS?

Question

I\'d like to display snippets of programming language code, and also HTML code, inside an HTML document using CSS. I want it to be indented and in fixed-width font... I\'m think

Answer 1

You can take a look at the prismjs to highlight the code.

You can customise the package as your wish from here and the footprint of this package will be still minimal.

Once you have a package, then you can use it as below:

  
    ...
    
  
  
    ...
    
  

Once the above setup is done, then you can use it like below:

p { color: red }