Compact CSS Grid Generator

The CSS for a 960 grid was posted on Forrst and so I decided to create a generator that would allow you to create any size grid you want, easily customizing the column and gutter sizes, and it does the calculations for you. If anyone has any questions or suggestions, please contact me.


.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.g1 { width: 60px; } .g2 { width: 140px; }
.g3 { width: 220px; } .g4 { width: 300px; }
.g5 { width: 380px; } .g6 { width: 460px; }
.g7 { width: 540px; } .g8 { width: 620px; }
.g9 { width: 700px; } .g10 { width: 780px; }
.g11 { width: 860px; } .g12 { width: 940px; margin-left:auto; margin-right:auto; }
.f{ margin-left:0; }
.l{ margin-right:0; clear:right; }