Reusable CSS: make your life easier

I have come to find that while using CSS for layout, all hierarchical content is represented as UL or OL lists, and others items are enclosed in DIV or SPAN regions or left as orphan elements. CSS layout based on the above mark-up structure will have some repetitive definitions. For instance, all horizontal menus my require CSS to turn an unordered list into display: inline; layout, set the list-style-type: none; This means that you can make your life easier by creating a set of CSS definitions that can be the basis of all your layout and presentation.