Flex order

To order div using css3 flex order

by Ayyappan Sakthivadivel

HTML

<div class="wrap">
    <div class="hldr one">A</div>
    <div class="hldr two">B</div>
    <div class="hldr three">C</div>
</div>

CSS

.wrap {
  width: 100%;
  border: #f00 solid 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.hldr{
  width: 150px;
  height: 75px;
  border: #0f0 solid 1px;
}
.one {
    order: 2;
}
.two {
    order: 1;
}
.three {
    order: 3;
}