grid with border

by ethertank

HTML

<div>a<div>
<div>a<div>
<div>a<div>

CSS

div { border:1px solid #000; }

body {
    -webkit-grid-rows: 20% *;
    -webkit-columns:3;
    -webkit-column-gap:0.5in;
    -webkit-column-rule: 10px solid;
    
    -moz-grid-rows: 20% *;
    -moz-columns:3;
    -moz-column-gap:0.5in;
    -moz-column-rule: 10px solid;

    -ms-grid-rows: 20% *;
    -ms-columns:3;
    -ms-column-gap:0.5in;
    -ms-column-rule: 10px solid;

    -o-grid-rows: 20% *;
    -o-columns:3;
    -o-column-gap:0.5in;
    -o-column-rule: 10px solid;
    
    grid-rows: 20% *;
    columns:3;
    column-gap:0.5in;
    column-rule: 10px solid;
}