JSFiddle - React, Tailwind, and code Playground

by JM note

HTML

<style>
div { width: 300px; margin-bottom: 10px; }
div:nth-of-type(1) { border: 1px solid red; }
div:nth-of-type(2) { border: 2px solid blue; }
div:nth-of-type(3) { border: 2px dotted blue; }
div:nth-of-type(4) { border: 2px dashed blue; }
div:nth-of-type(5) { border: 3px double blue; }
</style>

<div>1px solid red</div>
<div>2px solid blue</div>
<div>2px dotted blue</div>
<div>2px dahsed blue</div>
<div>3px double blue</div>