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>

 

Leave a Reply

Your email address will not be published. Required fields are marked *