Question

How would you create an unordered list of items in HTML5 with a group name at the top? The items should look indented.

Ex:

GroupName1
    Item1
    Item2
    Item3
GroupName2
    Item4
    Item5

Answer 1

Why not just do a list within a list?

<ul>
  <li>
    Group 1
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </li>
  <li>
    Group 2
    <ul>
      <li>Item 4</li>
      <li>Item 5</li>
    </ul>
  </li>
</ul>