Putting it all together: Header Block

Let us first create the bounding block for our header:



Next, lets add the logo, and float it to the left side with a 25px margin for spacing.

 

Next, lets add a set of links on the right.


Next, lets add a horizontal menu on the bottom, this will remove the need for a clearing divider.


See the CSS involved here.