我想要呈现方式是这样的应该怎么改这个代码呢?

我希望呈现方式是字跟border-bottom:dotted有2px-3px的距离,并且字符的长短的虚线线长短一致,那么这个代码样式应该如何呈现?谢谢~
2016-10-30
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>边框</title>
<style type="text/css">
span{
border-bottom:1px dotted #ccc;
padding-bottom:3px;
}
</style>
</head>
<body>
<ul>
<li><span>别让不会说话害了你</span></li>
<br/>
<li><span>二十七八岁就应该有的见识</span></li>
<br/>
<li><span>别让不好意思害了你</span></li>
</ul>
</body>
</html>举报