Skip to content

Instantly share code, notes, and snippets.

@ramzesimus
Created September 30, 2012 07:31
Show Gist options
  • Save ramzesimus/3806165 to your computer and use it in GitHub Desktop.
Save ramzesimus/3806165 to your computer and use it in GitHub Desktop.
HTML: Fluid columns
/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment