Example heading New

  		                
<h1 class="text-4xl leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h1>
<h2 class="text-3xl leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h2>
<h3 class="text-2xl leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h3>
<h4 class="text-xl leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h4>
<h5 class="text-lg leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h5>
<h6 class="text-base leading-normal mb-2">Example heading <span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded" style="font-size: .75em;">New</span></h6>
  		                
  		              

  		                
<span class="inline-block leading-none text-center py-1 px-2 bg-purple-500 text-gray-100 font-bold rounded-xl" style="font-size: .75em;">Primary</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-red-700 text-gray-100 font-bold rounded-xl" style="font-size: .75em;">Danger</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-yellow-300 text-gray-900 font-bold rounded-xl" style="font-size: .75em;">Warning</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-green-700 text-gray-100 font-bold rounded-xl" style="font-size: .75em;">Success</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-blue-400 text-gray-900 font-bold rounded-xl" style="font-size: .75em;">Info</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-gray-100 text-gray-900 font-bold rounded-xl" style="font-size: .75em;">Light</span>
<span class="inline-block leading-none text-center py-1 px-2 bg-black text-gray-100 font-bold rounded-xl" style="font-size: .75em;">Dark</span>
  		                
  		              

                      
<span class="inline-block leading-none text-center py-1 px-2 text-purple-500 bg-purple-100 dark:bg-purple-900/40 font-bold rounded-xl" style="font-size: .75em;">Primary</span>
<span class="inline-block leading-none text-center py-1 px-2 text-red-500 bg-red-100 dark:bg-red-900/40 font-bold rounded-xl" style="font-size: .75em;">Danger</span>
<span class="inline-block leading-none text-center py-1 px-2 text-yellow-500 bg-yellow-100 dark:bg-yellow-900/40 font-bold rounded-xl" style="font-size: .75em;">Warning</span>
<span class="inline-block leading-none text-center py-1 px-2 text-green-500 bg-green-100 dark:bg-green-900/40 font-bold rounded-xl" style="font-size: .75em;">Success</span>
<span class="inline-block leading-none text-center py-1 px-2 text-sky-500 bg-sky-100 dark:bg-sky-900/40 font-bold rounded-xl" style="font-size: .75em;">Info</span>
<span class="inline-block leading-none text-center py-1 px-2 text-gray-500 bg-gray-100 dark:bg-gray-900/40 font-bold rounded-xl" style="font-size: .75em;">Light</span>