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 & Owner at Aarav Web Solutions . Working for business development related to Web Design & Development. Also working with client in India & for outsourcing projects. Visit our website Aarav Web Solutions to see more about completed projects for clients. Focus in product development and we have developed our two own product listed below: Classified Website In India and Deals & Offer Website In India