Re-order HTML blocks using CSS3 - Flexbox

Re-order HTML blocks using CSS3 - Flexbox

by Ayyappan Sakthivadivel

HTML

<div id="flex">
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</div>

CSS

#flex {
    display: flex;
}
#a {
    order: 1;
}
#b {
    order: 2;
}
#c {
    order: 3;
}