JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <p> Header tag 
</header>

<nav>
  <p> Nav tag 
</nav> 

<article> 
  <section> 
    <p> Artical Section tags 
  </section> 
</article>

<aside>
  <p> Aside tag 
</aside> 

<footer>
  <p> footer tag 
</footer>

CSS

header, nav, article, section, aside, footer, p { border: 1px solid; padding: 1ex; margin: 1ex; display: block }
p { border-style: dashed }
header { border-color: red }
nav { border-color: orange }
article { border-color: yellow }
section { border-color: green }
aside { border-color: blue }
footer { border-color: purple }