<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>宽带</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			img{
				border: none;
			}
			.wrap{
				width: 290px;
				height: 290px;
				background-color: #F3F3F3;
				margin: 30px auto;
				text-align: center;
			}
			.wrap img{
				width: 161px;
				height: 161px;
				border: 1px solid #bbbbbb;
				margin-top: 15px;
			}
			.wrap .bj{
				font: 14px/28px "微软雅黑";
			}
			.wrap .ly{
				font: 12px/25px "微软雅黑";
				color: #666666;
			}
			.wrap .mn{
				font: bold 16px/50px "微软雅黑";
				color: red;
			}
			.wrap .mn del{
				font:16px/50px "微软雅黑";
				color: #999999;
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<img src="./images/100M_03.jpg" >
			<p class="bj">北京联通100M宽带包月14个月</p>
			<p class="ly">办理送路由器</p>
			<p class="mn">￥879<del>￥880</del></p>
		</div>
	</body>
</html>

定位html案例_css