CSS Layouts - Percent Based


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. .one_half{ width:48%; }
  2. .one_third{ width:30.66%; }
  3. .two_third{ width:65.33%; }
  4. .one_fourth{ width:22%; }
  5. .three_fourth{ width:74%; }
  6. .one_fifth{ width:16.8%; }
  7. .two_fifth{ width:37.6%; }
  8. .three_fifth{ width:58.4%; }
  9. .four_fifth{ width:67.2%; }
  10. .one_sixth{ width:13.33%; }
  11. .five_sixth{ width:82.67%; }
  12. .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; }
  13. .last{ margin-right:0 !important; clear:right; }
  14. .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

URL: http://digitalzoomstudio.net

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.