List item with border
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
li {
border-top: 1px solid black;
padding: .3em 0;
}
ul {
margin-left: 40px;
padding-left: 0px;
border-bottom: 1px solid black;
list-style: none;
width: 36%;
}
</style>
</head>
<body>
<p>Consectetuer adipiscing elit:
<ul>
<li>Vivamus purus enim</li>
<li>Sollicitudin vitae</li>
<li>Tincidunt sit amet</li>
<li>Pretium vel, libero</li>
</ul>
<p>Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
</body>
</html>
Related examples in the same category