indent space on "ul" list

[ryanmetzler3]

I have a comment section that I use 'ul' tags to show the replies to a previous comment with an indent. I attached a picture of this. Right now the 'ul' tag is indenting original comments and indenting replies even more. I want to slide all the original comments over so they sit flush to the left in the box, but keep an indent for the replies. I tried this all of these independently: 

ul{
padding: 0px;
margin-left:0px;
padding-left: 0px;
}

but that takes the indent off of everything.

 

Here is the snippet of code that displays the comments

if(mysql_num_rows($r)>0)
		{
		echo "<ul>";
		while($row = mysql_fetch_assoc($r)) {
			getComments($row);
		}
		echo "</ul>";
		}
	
}

any idea how to do this?

Edited January 19, 2014 by ryanmetzler3

[kicken]

 

Add some margin for UL elements that are a child of a LI element.

ul { 
  padding: 0px;
  margin: 0px;
}

li > ul {
  padding: 0px;
  margin-left: 1em;
}