Add style to multi-level UL
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css" media="screen"> div { margin-bottom: 30px; } #divID #sitemap { font-size: 140%; font-weight: bold; color: #f63; } #divID #sitemap li ul { font-size: 90%; color: #000; } </style> </head> <body> <div id="divID"> <ul id="sitemap"> <li>This is a test. </li> <li> <ul> <li>This is a test. </li> <li>This is a test. <ul> <li>Part I</li> <li>Part II</li> </ul> </li> <li>This is a test. </li> </ul> </li> <li>This is a test. </li> </ul> </div> </body> </html>