console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<title>盒子模型4</title>
<style>
#box1{
border:3px solid grey;
width:700px;
}
#t1{
background:orange;
padding:0;
margin:0;
}
#p1{
display:block;
margin-right:10px;
text-indent:1em;
}
#box2{
border:2px solid grey;
width:700px;
}
#t2{
background:orange;
padding:0;
margin:0;
}
#p2{
display:block;
text-indent:1em;
}
</style>
</head>
<body>
<div id="box">
<div id="box1">
<p id="t1">源码分类</p>
<p id="p1"><a href="#">HTML5</a><span>(1)</span></p>
<p id="p1"><a href="#">PHP</a><span>(0)</span></p>
<p id="p1"><a href="#">JSP</a><span>(1)</span></p>
</div>
<div id="box2">
<p id="t1">您的访客</p>
<p id="p2">暂无访客</p>
<p id="p1"><a href="#">登录</a><span>后您的头像会在这里。</span></p>
</div>
</div>
</body>
</html>