List using the bullets points is the good idea to display content on the web page. Bullet points are used to display the more then one item as vertical align or horizontal align. In previous article we were seen the tutorial about how to display the ordered and unordered bullet vertical list.
Below tutorial will explain you how we can display the item as list in horizontal way. List are also used to create the menu but only different is that we do not show the bullet in the menu list.
<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style>
.hline li
{
display:inline-block;
padding-right:10px;}
</style>
</head><body>
<ul class=”hline”>
<li>• Hotel</li>
<li>• Real Estate</li>
<li>• Insurance</li>
<li>• Share Bazar</li>
</ul></body>
</html>