<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百度知道郭凯旗</title>
<style>
li a{display:block; width:100px; height:20px; border:1px solid red;}
li span{display:inline-block; width:80px; height:20px; border:1px solid blue;}
li{display:inline-block; width:80px; height:20px; border:1px solid black;}
</style>
</head>
<body>
<div>
<ul>
<li><a href="
http://lovepy.com">这里是文字</a></li>
<li><a href="
http://lovepy.com">这里是文字</a></li>
<li><a href="
http://lovepy.com">这里是文字</a></li>
</ul>
<!--第一种 end-->
<ul>
<li><span>这里是文字</span></li>
<li><span>这里是文字</span></li>
<li><span>这里是文字</span></li>
</ul>
<!--第二种 end-->
<ul>
<li>这里是文字</li>
<li>这里是文字</li>
<li>这里是文字</li>
</ul>
<!--第三种 end-->
</div>
</body>
</html>
这三种都能实现，但不要同时用。