为什么我整理完代码之后，变得非常非常小？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>直角普通分页页码</title>
<style type="text/css">
.page-normal{
position:absolute;
top:200px;
left:100px;
color:#ff6500;
font-size:0;
}
.page-normal a,.page-normal .page-current,.page-normal .page-prev,{
font-size:18px;
margin-left: 10px;
padding:5px 7px;
}
.page-normal a{
border:1px solid #ff9600;
color:#ff6500;
text-decoration: none;
}
.page-normal a:hover{
border:1px solid #ff6500;
background:#ffbe94;
}
.page-normal .page-current{
border:1px solid #ff6500;
color:#ff6500;
background:#ffbe94;
}
.page-normal .page-prev{
border:1px solid #ffe3c6;
color:#ffe3c6;
}
</style>
</head>
<body>
<div>
<span><</span>
<span>1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
...
<a href="#">199</a>
<a href="#">200</a>
<a href="#">></a>
</div>
</body>
</html>
