Take the idea, but don't try to learn HTML and CSS from this post. This is bad: <div class='header'>Basic Information</div> Don't you ever use anything like

Take the idea, but don't try to learn HTML and CSS from this post. This is bad: <div class='header'>Basic Information</div> Don't you ever use anything like this—HTML has a nice set of dedicated header elements. There are the cases when you need to wrap your ULs into DIVs, but most of the time <div id='main_menu'> <ul class=menu'> Can be replaced by simple <ul id="main_menu"> Some CSS tips: a) don't specify units for zero values. 0px is the same as 0em is the same as 0pt—you get the idea. So plain 0, not 0px. b) properties that accept four values (like margin or padding) allow some shortcuts: if the only one value is specified, it is applied to all sides. If there are two values, the first is used for the top and bottom, the second for the right and left. If there are three values, the first is for the top, the second for the right and left, the third for the bottom. This often comes handy. E.g. "margin:15px 0px 10px 0px;" can be written as "margin: 15px 0 10px;" The easy way to remember what is the order of the four values is mnemonic TRouBLe: Top, Right, Bottom, Left. c) If your color values look like #xxyyzz you can use short form #xyz. So #999 instead of #999999, #abc instead of #aabbcc.