-ms-grid

HTML

(Only works in IE)
<div id="grid">
    <div style="-ms-grid-row: 1; -ms-grid-column: 1;">hello1</div>
    <div style="-ms-grid-row: 2; -ms-grid-column: 2;">hello2</div>
    <div style="-ms-grid-row: 3; -ms-grid-column: 3;">hello3</div>
</div>

CSS

#grid
{
    border: 2px dashed blue;
   
    -ms-grid-columns: 33% 34% 33%;
    -ms-grid-rows: 50% 50%;
}

#grid > *
{
    border: 1px black solid;
    margin: 3px;
}