<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片及文字的混排</title>
<style stype="text/css">
div{
width:220px;
height:20px;
background-image:url(css/1229.png);
background-repeat:no-repeat;
line-height:16px;
text-align:center;
border-bottom:1px dotted #FF0000;
}
.a{
background-position:0px -399px;
padding-left:20px;
}
</style>
</head>
<body>
<img src="css/845.png">
<div class="a">积小善为大善，善莫大焉</div>
<div class="a">中国志愿者活动方兴未艾</div>
<div class="a">老吾老以及人之老</div>
<div class="a">幼吾幼以及人之幼</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>图片及文字的混排</title>
<style stype="text/css">
div{
width:220px;
height:20px;
background-image:url(css/1229.png);
background-repeat:no-repeat;
line-height:16px;
text-align:center;
border-bottom:1px dotted #FF0000;
}
.a{
background-position:0px -399px;
padding-left:20px;
}
</style>
</head>
<body>
<img src="css/845.png">
<div class="a">积小善为大善，善莫大焉</div>
<div class="a">中国志愿者活动方兴未艾</div>
<div class="a">老吾老以及人之老</div>
<div class="a">幼吾幼以及人之幼</div>
</body>
</html>