A well structured table

Before we can style an element, we you should have a well structured element. In this this case, table is the element. The more semantic your element is , the more control you have over your stylling. Table is complex element. Below is a very well structured element.

fluid layout with fixed margin.

        The following is fixed width layout.

A wrapper with fixed margin and expandable width

The following is fixed width layout.

pure css tool tip

        Custom tootip can be achieved by using css, but it require firefox and ie7 up to support. Below is demo

link as button

Anchors are inline elements, they only activate when you click on the content of the link. However, there instances when you want to create more of a button like with a larger clickable area. You can do this by setting the display property to block, and then change the width, and height, other properties to create the style and hit area you want.