How to arrange order of stacked divs backwards?

Suppose I have the three divs:

<div>1</div>
<div>2</div>
<div>3</div>

I need the output in the browser to be:

3
2
1

Is there any way to accomplish this without absolute positioning? I tried floats, but it seems you can only reverse it in the horizontal space.

They need to stack VERTICALLY in reverse order.


solution

You could do something like this: EXAMPLE HERE

Wrap the elements, and rotate both the parent and children elements 180 degrees.

#parent, #parent > div {
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  display:inline-block;
}

Alternatively, this would work too:

#parent, #parent > div {
  display:inline-block;
}
#parent > div {
  float:right;
}

EXAMPLE HERE