So this stuff is particularly new to me.
I really wish there were a way to have semantics in CSS for "next to"
Something along the lines of:
nextTo: #div2 side(right) top(30px);
Anyway, this brings me to programmatically-created CSS.
This basically gives me 3 options: LESS, SASS, or PHP/roll-my-own script.
I have to explore these options to see which one is worthwhile, if any.
They all basically do the same thing; allow for variables and less repetition when writing, but outputting standard CSS to the browser.
None of them seem to have the "next-to" functionality that I desire, except in making it easier to do the math.. But that doesn't make them bad.
I will try some stuff out.