Lists

Unordered List:




Ordered List:

  1. Header 2 in a list

  2. Header 3 in a list

  3. text in a list

  4. hyperlink in a list
Unordered List HTML:

<ul>
  <li><h2>Header 2 in a list</h2></li>
  <li><h3>Header 3 in a list</h3></li>
  <li><p>text in a list</p></li>
  <li><a>hyperlink in a list</a></li>
</ul>


Ordered List HTML:

<ol>
  <li><h2>Header 2 in a list</h2></li>
  <li><h3>Header 3 in a list</h3></li>
  <li><p>text in a list</p></li>
  <li><a>hyperlink in a list</a></li>
</ol>



Unordered List CSS:
An UL or OL doesnt need any css to work, but if you like to change the look here is an example.

li{
   list-style: square;  /*You can change how the list icon looks this way*/
   color: #843974;  /*Random color for the text*/
}

li h3{
   list-style: circle;  /*Now only h3 has a circle instead of a square*/
   color: #259782;  /*Now only h3 has a different color*/
}