HTML Tags placement in html page making alignment issue

[nicetec]

I got into this weirdest problem. I have an unordered list with two list items as \[code\]<ul><li><a href="http://stackoverflow.com/questions/15540568/#"><p>1</p></a></li><li><a href="http://stackoverflow.com/questions/15540568/#"><p>2</p></a></li></ul>\[/code\](end tag of 1st list item and start tag of 2nd are in different lines)This html code works fine. But when I change the above code to \[code\]<ul><li><a href="http://stackoverflow.com/questions/15540568/#"><p>1</p></a></li><li><a href="http://stackoverflow.com/questions/15540568/#"><p>2</p></a></li></ul>\[/code\](end tag of 1st list item and start tag of 2nd are in same line and also there is no space in between them), the alignment breaks.You can see the problem herehttp://jsfiddle.net/Venugopal/AawU2/2/