How to create Create a more complex nested list on HTML <ul> Tag

A list in a list in a list..

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>A list in a list in a list</h1>

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin