摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>这是CSS第二个测试页</title> &nb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>这是CSS第二个测试页</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo1.png" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<style type="text/css">
*{margin:0;padding:0;}
p{display:inline;}
.box{width:100px;height:100px;background:#ccc;line-height:40px;text-align:center;position:relative;top:20px;left:20px;margin-bottom:5px;}
ul li{list-style:none;width:100px;height:40px;line-height:40px;text-align:center;margin:5px 2px;float:left;background:#ccc;}
.clear{clear:both;}
</style>
</head>
<body>
<p>块元素转换成行内元素</p><span>不要换行</span>
<ul>
<li>调试一</li>
<li>调试二</li>
<li>调试三</li>
<li>调试四</li>
</ul>
<div class="clear"></div>
<div class="box">
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-11-12 16:50:44
老师总结：标签测试要全面一点；完成的不错，后面页面布局会更好玩……继续加油！
