Maria: LU LI formatierung, einfach mal drüberschauen

Beitrag lesen

Ich habe unten eine Listen Formatierung gemacht, ich möchte das die Unterpunkte visuell gut rauskommen, es wäre toll wenn mir jemand ein paar Tipps zum besser machen geben könnte!

Maria

  
  
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>test</title>  
  
<style type="text/css">  
	  
body {  
	color: #c0c0c0;  
	font-family: arial, helvetica, sans-serif;  
	font-size: 13px;  
	}  
	  
	  
	ul#mainMenu  
	{  
	width:150px;  
	float:left;  
	padding:15px 5px 0 0;  
	margin:0;  
	}	  
ul#mainMenu li  
	{  
	margin:0;  
	padding:4px;  
	color:#020F34;  
	border-bottom: 1px solid #6EB327;  
	font-size: 11px;  
	font-weight: bold;  
	}	  
	  
ul#mainMenuSub  
	{  
	  
	width:140px;  
	float:right;  
	margin: 4px -2px 4px 0px;  
	}	  
	  
ul#mainMenuSub li  
	{  
	padding:4px;  
	margin:0;  
	color:#020F34;  
	font-size: 11px;  
	list-style-type:none;  
	}		  
	  
  
</style>  
  
  
  
  
  
  
  
  
  
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">  
  
</head>  
<body>  
<ul id="mainMenu">  
			<li>Submenu  
				<ul id="mainMenuSub">  
					<li>Google</li>  
					<li>AltaVista</li>  
					<li>Fireball</li>  
					<li>Google</li>  
					<li>AltaVista</li>  
					<li>Fireball</li>  
				</ul>  
			</li>  
			<li>Normal</li>  
			<li>hallo</li>  
			<li>hallo</li>  
			<li>hallo</li>  
			<li>hallo</li>  
			<li>hallo</li>  
			<li>hallo</li>  
			</ul>  
</body>  
</html>