I've got a problem with the position of two UL's. I want the two UL's to be on the same level. As you can see in the Picture below, the first UL list is way down, while the second is at the top. I was able to recreate this on jsfiddle.Link: http://jsfiddle.net/5krJU/I was able to figure out that the problem is because the second list has more li than the first, but i wasn't able to fix it.My current css looks like this:\[code\]#container {text-align: center; display:block;}#container > ul { color:#776; display:inline-block; width:360px; list-style-type: none;}\[/code\]and my html like this:\[code\]<div id="container"> <ul> <li>item</li> <li>item</li> </ul> <ul> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul></div>\[/code\]Here's a picture of it:
Updatei fount out the answer.Solution would be adding 'vertical-align: top;' to the ul's.Please close this question.Sorry for the inconvience.