I know the “standard” way to write CSS is like this:
#container { width: 960px; height: auto; font-size: 14px; }
I find this way takes a lot of space and that stylesheets get long quickly making the file hard to navigate. With widescreen monitors I think this makes more sense:
#container { width: 960px; height: auto; font-size: 14px; }
However, often times I’m working on an inherited project or using a snippet I found and the CSS isn’t laid out the way I like. I found a site that helped me out with this. The design is wacky but it did the trick. There is a fair amount you can customize so you should be able to mass convert any CSS to the way you like it. On a downside, I think it strips out all comments…
Check out “Format CSS Online“.
