Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style>.de{ display:grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; grid-gap:5px; background-color:#ff3800; color:#fff; font-weight:bold; text-transform:uppercase; padding:5px; } .de > span{ background-color:#ff7e00; text-align:center; padding:14px 0;} </style> <center><span>grid-auto-flow:column</span></center> <div class="de" style="grid-auto-flow:column;"> <span>a</span> <span>b</span> <span>c</span> <span>d</span> </div> <br> <center><span>grid-auto-flow:row</span></center> <div class="de" style="grid-auto-flow:row;"> <span>a</span> <span>b</span> <span>c</span> <span>d</span> </div>
