Is there a way to adjust the line height between li tags?
I attempted using height:100%, but it seems ineffective. Are my methods correct? Can anyone provide guidance?
The following is the code snippet in question:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
li {
display:inline;
list-style-type:none;
padding-left:1em;
margin-left:1em;
border-left:1px solid #ccc;
}
li:first-child {
border-left:none
}
</style>
</head>
<body>
<table cellspacing="0px;" style="border-top-width:0.1px;
border-top-style:solid;border-top-color:#ccc; border-bottom-color:#ccc;
border-bottom-style:solid; border-bottom-width:0.1px;">
<tr>
<td><ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul></td>
</tr>
</table>
</body>