Question: say I have layout like so:

```
<div id="main">            
    <div id="NormalContent">
        {some content which is a fixed length list}
    </div>
    <div id="FeaturedContent">
        {some content which may contain a long list}
    </div>
</div>

```

and I want to place FeaturedContent above NormalContent.

Can I do this with CSS? I assume I can with Javascript?

Answer: 
For a non-jquery answer

```
var content = document.getElementById('FeaturedContent');
var parent = content.parentNode;
parent.insertBefore(content, parent.firstChild);

```

Note that there is no need to remove it from the DOM, adding it a second time will move it.
This answer seems to work aswel. CSS(3) only, very elegant solution.

[CSS have a div that's to the right below the left div. Divs are reverse in HTML](https://stackoverflow.com/questions/8514882/css-have-a-div-thats-to-the-right-below-the-left-div-divs-are-reverse-in-html?lq=1)