Unordered List Examples

Unordered lists can use four different types of bullets: disc=solid round bullet (default bullet), square=solid square bullet, circle=hollow round bullet, and round=another round bullet.

HTML code Result
Text before the list.
<ul type="disc">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ul>
Text after the list.
Text before the list.
  • Item one in the list.
  • Item two in the list.
  • Item three in the list.
  • Item four in the list.
Text after the list.
Text before the list.
<ul type="square">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ul>
Text after the list.
Text before the list.
  • Item one in the list.
  • Item two in the list.
  • Item three in the list.
  • Item four in the list.
Text after the list.
Text before the list.
<ul type="circle">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ul>
Text after the list.
Text before the list.
  • Item one in the list.
  • Item two in the list.
  • Item three in the list.
  • Item four in the list.
Text after the list.
Text before the list.
<ul type="round">
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
</ul>
Text after the list.
Text before the list.
  • Item one in the list.
  • Item two in the list.
  • Item three in the list.
  • Item four in the list.
Text after the list.

 

Unordered lists can begin or change the list bullet type by using the TYPE attribute.

HTML code Result
Text before the list. <ul>
<li>Item one in the list.
<li>Item two in the list.
<li>Item three in the list.
<li>Item four in the list.
<li type="circle">Item five in the list.
<li>Item six in the list.
<li>Item seven in the list.
<li>Item eight in the list.
<li type="square">Item nine in the list.
<li>Item ten in the list.
<li>Item eleven in the list.
<li>Item twelve in the list.
</ul>
Text after the list.
Text before the list.
  • Item one in the list.
  • Item two in the list.
  • Item three in the list.
  • Item four in the list.
  • Item five in the list.
  • Item six in the list.
  • Item seven in the list.
  • Item eight in the list.
  • Item nine in the list.
  • Item ten in the list.
  • Item eleven in the list.
  • Item twelve in the list.
Text after the list.