demo_multiple_list.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Multiple A to Z Lists</title>
  <script type="module" src="a_to_z_ul.js"></script>
</head>
<body>
  <a-to-z-ul>
    <ul>
      <li>Apple</li>
      <li>Banana</li>
      <li>Cherry</li>
      <li>Date</li>
    </ul>
  </a-to-z-ul>

  <a-to-z-ul long>
    <ul>
      <li>Apple</li>
      <li>Apricot</li>
      <li>Banana</li>
      <li>Blueberry</li>
      <li>Cherry</li>
      <li>Coconut</li>
      <li>Date</li>
      <li>Dragonfruit</li>
      <li>Elderberry</li>
      <li>Fig</li>
      <li>Grape</li>
      <li>Guava</li>
      <li>Honeydew</li>
      <li>Kiwi</li>
      <li>Lemon</li>
      <li>Lime</li>
      <li>Mango</li>
      <li>Nectarine</li>
      <li>Orange</li>
      <li>Papaya</li>
      <li>Peach</li>
      <li>Pear</li>
      <li>Pineapple</li>
      <li>Plum</li>
      <li>Pomegranate</li>
      <li>Quince</li>
      <li>Raspberry</li>
      <li>Strawberry</li>
      <li>Tangerine</li>
      <li>Ugli Fruit</li>
      <li>Watermelon</li>
    </ul>
  </a-to-z-ul>
</body>
</html>