tailswindcss: Example 1


Applied to the HEAD-/HEAD section of this document is:


<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"> </script>

Notes:-


Judging from the below examples we learn that...



Therefore, my own conclusion is...



<h1 class="text-1xl font-light italic underline text-clifford">

<h1 class="text-2xl font-medium underline text-clifford;">

<h1 class="text-3xl font-bold underline text-clifford;">

<h1 class="text-4xl font-light underline text-clifford;">

<h1 class="text-5xl font-medium underline text-clifford;">

<h1 class="text-6xl font-bold underline text-clifford;">





<p class="text-1xl font-light underline text-clifford">

<p class="text-2xl font-medium underline text-clifford">

<p class="text-3xl font-bold underline text-clifford">

<p class="text-4xl font-light underline text-clifford">

<p class="text-5xl font-medium underline text-clifford">

<p class="text-6xl font-bold underline text-clifford">