HTML Nested Lists

HTML CSS JAVASCRIPT JQUERY PHP

Sometimes it is necessary to add other smaller lists to the main list because there are subtemplates of one or more list items. It is then necessary to create NESTED LIST.
Nested list contains one or more other lists inside self. That list gives you a better and clearer overview of all the data.

HTML Nested List with Example

<ul>
    <li>Hardware
      <ul>
         <li>Computers</li>
         <li>Mobile Devices</li>
         <li>Gadgets</li>
      </ul>
    </li>
    <li>Software
      <ul>
         <li>Windows</li>
         <li>Linux</li>
         <li>Android</li>
      </ul>
    </li>
    <li>Programming
      <ul>
         <li>C</li>
         <li>C++</li>
         <li>PYTHON</li>
         <li>JAVA</li>
         <li>PHP</li>
      </ul>
    </li>
</ul>