Thread: Creating bars with CSS?

Provide a few proper answers for this
What steps will be desired to perform this if you are having any ideas then answer back me as soon as possible to me.
Thanking you in advance.

Creating Bars
Put all the links in one single text line. This way has benefit of having a logical and simple approach. Or use unordered listings, using the <UL> and <LI> tags. This approach is suitable, as CSS lets for superseding of default appearance of items in lists and consequences in less messy code.
Code Syntax
Utilize the syntax under to make the bars:

<div id= "navigation bar"

<ul>
<li><a href= "file.html">File</a></li>
<li><a href= "edit.html">Edit</a></li>
<li><a href= "format.html">Format</a></li>
<li><a href= "help.html">Help</a></li>
</ul>
</div>

This CSS code is used for both horizontal and vertical bars. To convert to a navigation bar, add the following line of code:

div#navigationbar {align: center; width: 270px; height: 30px; display:block}
div#navigationbar li {display: inline;}

This part of code sets the background and dimension particulars of navigation bar that holds the links. Additional declarations can be built-in as wanted. The "display: inline" part of the code is significant, as it reasons the list to emerge horizontally across the bar quite than on separate lines.