Elements 19

            
<div class="bg-white rounded-lg shadow py-4 px-8 divide-gray-200 divide-y text-gray-600">
  <a href="#" class="flex items-center space-x-4 py-4 hover:bg-gray-100 px-4">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
    </svg>
    <div>
      <span class="block font-semibold">Demesne far hearted suppose</span>
      <span class="block">Dependent on so extremely delivered </span>
    </div>
  </a>
  <a href="#" class="flex items-center space-x-4 py-4 hover:bg-gray-100 px-4">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-7">
      <path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z" />
    </svg>
    <div>
      <span class="block font-semibold">Now residence dashwoods</span>
      <span class="block">Did even but nor are most gave </span>
    </div>
  </a>
  <a href="#" class="flex items-center space-x-4 py-4 hover:bg-gray-100 px-4">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-7">
      <path fill-rule="evenodd" d="M14.243 5.757a6 6 0 10-.986 9.284 1 1 0 111.087 1.678A8 8 0 1118 10a3 3 0 01-4.8 2.401A4 4 0 1114 10a1 1 0 102 0c0-1.537-.586-3.07-1.757-4.243zM12 10a2 2 0 10-4 0 2 2 0 004 0z" clip-rule="evenodd" />
    </svg>
    <div>
      <span class="block font-semibold">Removed greater to do ability</span>
      <span class="block">Highest men did boy</span>
    </div>
  </a>
</div>