<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Unordered Lists</title>
</head>
<body style="font-size:2.0em;">
<ul style="color:#0000cc; border:1px solid #0000cc;">
<li>apples<ul><li>macintosh</li><li>royal gala</li><li>red delicious</li></ul></li>
<li>oranges</li>
<li>pears</li>
<li>grapes</li>
</ul>
<ul style="list-style-type:square; color:#006600; border:1px solid #006600;">
<li>potatoes<ul><li>russet</li><li>yukon gold</li><li>kennebec</li></ul></li>
<li>carrots</li>
<li>turnips</li>
<li>onions<ul><li>yellow</li><li>white</li><li>red</li><li>vidalia</li></ul></li>
</ul>
<ul style="list-style-type:'=>'; color:#880088; border:1px solid #880088;">
<li>Rigel</li>
<li>Sirius</li>
<li>Betelgeuse</li>
<li>Procyon</li>
</ul>
<ul style="color:#cc0000; border:thick double #cc0000; border-radius:15px;">
<li style="list-style-type:'🍓'">Strawberry</li>
<li style="list-style-type:'🍏'">Green Apple</li>
<li style="list-style-type:'🍌'">Banana</li>
<li style="list-style-type:'🍋‍🟩'">Lime</li>
<li style="list-style-type:'🍊'">Orange</li>
</ul>
</body></html>
