HTML BULLET POINTS IN HORIZONTAL LIST


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.
 
horizontal bullet point
 
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>&bull;&nbsp; Hotel</li>
<li>&bull;&nbsp; Real Estate</li>
<li>&bull;&nbsp; Insurance</li>
<li>&bull;&nbsp; Share Bazar</li>
</ul>

</body>
</html>

 



Kalpesh Patel

Founder Of Nexus Software Group Leading IT solution and service provider and offering a full range of application development and I.T. consultancy services. Nexus Software Group Contributors In: post free ads online in India and post free ads online in USA