Re-order HTML blocks using CSS3 - CSS Table Property

Re-order HTML blocks using CSS3 - CSS Table Property

HTML

<div id="example">
    <div id="block-3">First</div>
    <div id="block-1">Second</div>
    <div id="block-2">Third</div>
</div>

CSS

#example {
    display: table;
    width: 100%;
}
#block-1 {
    display: table-footer-group;
}
#block-2 {
    display: table-row-group;
}
#block-3 {
    display: table-header-group;
}