@Gregor: The definition lists could work depending on your situation. The important thing to take away from this is not my example, but the idea of systematic approach to layout. How you want to setup your markup is all you.
@Shani Elharrar: Getting this to work in IE6 wouldn’t be hard at all, you just have to avoid chaining the classes (which only happens on those inset classes). You wouldn’t be able to use @right@ and @inset@ (as @right.inset@), you would have to create an additional class of something like @right-inset@. It’s just the chained classes that don’t work in IE6, not the layout principles.
@Jason Robb: The extra spaces in my CSS comments are just a personal style. It makes it easier for me to skim the headings.
@Gregor: The definition lists could work depending on your situation. The important thing to take away from this is not my example, but the idea of systematic approach to layout. How you want to setup your markup is all you.
@Shani Elharrar: Getting this to work in IE6 wouldn’t be hard at all, you just have to avoid chaining the classes (which only happens on those inset classes). You wouldn’t be able to use @right@ and @inset@ (as @right.inset@), you would have to create an additional class of something like @right-inset@. It’s just the chained classes that don’t work in IE6, not the layout principles.
@Jason Robb: The extra spaces in my CSS comments are just a personal style. It makes it easier for me to skim the headings.