Probably the easiest way to break out of normal rendering order in HTML is to have content float to the left or right.

the first example shows images in normal rendering order, floated to the right and floated to the left.

Example: float images

when floating text – or other content that normally will have a width of 100% – don’t forget to set a width

Example: float text