<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
h2{
background:palevioletred;
color: white;
padding: 8px 10px;
}
span{display: inline-block;
28px;
height: 28px;
border-radius:50%;
background: black;
color: white;
text-align: center;
}
ul li{
border:dashed #666 1px;
line-height: 30px;
vertical-align: center;
color: gray;
}
</style>
</head>
<body>
<div>
<h2>大家都喜欢买的美容品
</h2>
</div>
<ul>
<li><span>1</span>雅诗兰黛即时修护眼部精华霜15ml
</li>
<li><span>2</span>伊丽莎白雅顿显效复合活肤霜 75ml</li>
<li><span>3</span>OLAY玉兰油多效修护霜 50g</li>
<li><span>4</span>巨型一号丝瓜水320ML</li>
<li><span>5</span>倩碧保湿洁肤水2号 200ml</li>
<li><span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
<li><span>8</span>SK-II护肤精华露 215ml</li>
<li><span>9</span>欧莱雅青春密码活颜精华肌底液
</li>
</ul>
</body>
</html>