为何clear:both无效？

<style type="text/css"> <!-- #xx p{clear:both;} #xx li{float:left;width:200px;} --> </style> <div id="xx"> <p>第一段</p> <li>11111111111</li> <li>11111111111</li> <li>11111111111</li> <li>11111111111</li> <p>第二段</p> <li>222222222</li> <li>22222222</li> <li>2222222222</li> <li>22222222222222</li> </div>
 提示：您可以先修改部分代码再运行