id example

This paragraph is not affected by the style.

class example

Red and center-aligned paragraph.

Exported from Notepad++
<!DOCTYPE html> <html> <head> <style> #type-001 { /* id starts with # */ text-align: center; color: red; background-color: rgb(252, 179, 84); } .type-002 { /* class starts with . */ text-align: center; color: red; background-color: rgb(243, 243, 86); } </style> </head> <body> <h1 id="type-001">id example</h1> <p id="type-001">This paragraph is not affected by the style.</p> <h1 class="type-002">class example </h1> <p class="type-002">Red and center-aligned paragraph.</p> </body> </html>