tailwind-line-height-unit-centre-items.html

<!-- Center icons on list items in tailwind when list items span more than one line -->
<!-- https://www.youtube.com/watch?v=5QTHG99OYS4&ab_channel=TailwindLabs -->
<!-- https://play.tailwindcss.com/aUGlnWcFpY -->

<!-- sets the item to 1lh line-height unit (https://caniuse.com/?search=lh%20unit) -->
<ul role="list" class="mt-10 space-y-3 text-sm/6 text-gray-600">
  <li class="flex items-start gap-x-3">
    <svg class="h-[1lh] w-5 flex-none fill-indigo-600" viewBox="0 0 20 20" aria-hidden="true">
      <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
    </svg>
    Priority customer support with fast response
  </li>
</ul>