I’ve been practicing strict CSS rules for years now, but it was only this year that I changed the way I fix floated containers inside another container, to stretch the height down to the bottom of the floated inner container. I guess almost everyone started with <br /> with ‘clear’ or the next element with CSS ‘clear’ in it to fix the issue, but we all know it’s ‘dirty’.

I found this great tutorial that would make a ‘css nobody’ become a ‘big guy’ on CSS, and I myself is going to keep this page available when needed.

Mastering CSS Coding: Getting Started covers:

1. Padding vs. Margin
   • What Is Padding and Margin?
   • Margin and Padding Values
   • Quick Tip
2. Floats
3. Center Alignment
   • Horizontal Alignment
   • Vertical Alignment
4. Ordered vs. Unordered Lists
   • Customizing Unordered Lists
   • Using Unordered Lists for Navigation
5. Styling Headings
6. Overflow
   • What Is Overflow?
7. Position
   • Adding Flavor With CSS
8. Background Images
   • Using Large Backgrounds
   • Text Replacement
   • CSS Sprites
9. Image Enhancement
10. PSD to HTML