<ul class="container mx-auto divide-y divide-gray-400 divide-dotted" style="font-family: Raleway">  <li class="flex items-center justify-between px-4 py-2">    <ul class="underline decoration-solid">    <li>Now this is a story all about how, my life got flipped-turned upside down</li>    </ul>    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">decoration-solid </div>  </li>  <li class="flex items-center justify-between px-4 py-2">    <ul class="underline decoration-double ">    <li>Now this is a story all about how, my life got flipped-turned upside down</li>    </ul>    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">decoration-double    </div>  </li>    <li class="flex items-center justify-between px-4 py-2">    <ul class=" underline decoration-dotted ">    <li>Now this is a story all about how, my life got flipped-turned upside down</li>    </ul>    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">decoration-dotted        </div>  </li>    </li>    <li class="flex items-center justify-between px-4 py-2">    <ul class=" underline decoration-dashed ">    <li>Now this is a story all about how, my life got flipped-turned upside down</li>    </ul>    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">decoration-dashed    </div>  </li>   </li>    <li class="flex items-center justify-between px-4 py-2">    <ul class=" underline decoration-wavy">    <li>Now this is a story all about how, my life got flipped-turned upside down</li>    </ul>    <div class="text-xs font-semibold font-mono whitespace-nowrap px-2 py-1 ml-5 rounded text-white bg-pink-500 rounded-2">decoration-wavy</div>  </li></ul>