Blogroll
Search

Alignment using float property in css

Wednesday, March 19th, 2008

In this tutorial you will learn the use of float property in css. We will create two unordered lists and align them side by side. Write the following code in your html page. You can use any text editor or software like dreamweaver for that.
<div id=”test”>
<div class=”lefty”>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
</div>
<div class=”righty”>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
</div>
</div>
Now make these entries to your css file:

Setting distance between bullets and text in unordered list

Tuesday, March 18th, 2008

It is not a very difficult task but it is bit tricky to set equal distance between your custom image bullet and text in an unordered list. Here I am going to explain this procedure step by step using the css.
1. Create an unordered list and enclose this list inside the div tags.
2. Set the […]