为什么顺序变了
我在里面设置的是文本1图片文本2为什么结果文本2到图片前面去了设置的浮动有问题么
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#all{
margin:0px auto;
padding:0px;
width:800px;
height:800px;
background:#069;
}
#txt1{
width:200px;
float:left;
}
#img{
float:left;
margin:0;
}
#txt2{
width:200px;
float:left;
}
</style>
</head>
<body>
<div id="all">
<p id="txt1">长城是古代中国在不同时期为抵御塞北游牧部落联盟侵袭而修筑的规模浩大的军事工程的统称。长城东西绵延上万华里，因此又称作万里长城。长城建筑于两千多年前的春秋战国时代，现存的长城遗迹主要为建于14世纪的明长城。</p>
<img src="http://p4.so.qhmsg.com/bdr/_240_/t01cd31ba9591e13fb4.jpg" width="200" height="200" id="img1" />
<p id="txt2">国家文物局2012年6月5日在北京居庸关长城宣布，历经近5年的调查和认定，中国历代长城总长度为21196.18千米，分布于北京、天津、河北、山西、内蒙古、辽宁、吉林、黑龙江、山东、河南、陕西、甘肃、青海等15个省市自治区，包括长城墙体、壕堑、单体建筑、关堡和相关设施等长城遗产43721处。</p>
</div>
</body>
</html>
