I like to keep my marker up clean.

However, for some designs, using a wrapper DIVs for elements is unavoidable.

Are there any tips or techniques to avoid this?

I know you can use the before and after psuedo CSS elements to insert (presentational-only) objects without creating extra mark up. But it is there a similar technique for creating wrapper DIVs?

I know there is jQuery command for creating wrapper DIVs, but obviously that creates a problem if the user is viewing the page and has Java Script disabled.