Link topic layout
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">
.content {
padding: 14px 0 0 41px;
float: left;
width: 415px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #464646
}
.content p {
width: 425px;
padding: 22px 0 27px 0
}
</style>
</head>
<body>
<div class="content">
<div class="links">
<div>
<p>
<span><a href="#">Arts & Humanities</a></span><br />
<a href="#">History</a>, <a href="#">Literature and Books</a>, <a href="#">Music</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Business</a></span><br />
<a href="#">Finance</a>, <a href="#">Industries</a>, <a href="#">Jobs</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Computers</a></span><br />
<a href="#">Internet</a>, <a href="#">Technology</a>, <a href="#">Web Design and Management</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Government</a></span><br />
<a href="#">Military</a>, <a href="#">Politics</a>, <a href="#">Taxes</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Health</a></span><br />
<a href="#">Diseases and Conditions</a>, <a href="#">Drugs</a>, <a href="#">Nutrition</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Home and Housing</a></span><br />
<a href="#">Consumer Research & Advocacy</a>, <a href="#">Food & Cooking</a>, <a href="#">more</a>,
</p>
</div>
<div>
<p>
<span><a href="#">Media</a></span><br />
<a href="#">Magazines</a>, <a href="#">News</a>, <a href="#">Newspapers</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">People</a></span><br />
<a href="#">Families</a>, <a href="#">Gay and Lesbian</a>, <a href="#">Notable People</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Recreation</a></span><br />
<a href="#">Crafts</a>, <a href="#">Hobbies</a>, <a href="#">Sports</a>, <a href="#">Travel</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Reference</a></span><br />
<a href="#">Military</a>, <a href="#">Politics</a>, <a href="#">Taxes</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Regional</a></span><br />
<a href="#">London</a>, <a href="#">Washington</a>, <a href="#">The World</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Science</a></span><br />
<a href="#">Astronomy</a>, <a href="#">Biology</a>, <a href="#">Environment</a>, <a href="#">more</a>,
</p>
<p>
<span><a href="#">Society & Social Science</a></span><br />
<a href="#">Education</a>, <a href="#">Ethics</a>, <a href="#">Religion</a>, <a href="#">more</a>,
</p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category