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: 
If you know exactly the dimension of FeaturedContent & NormalContent, you might be able to get away with using position:relative and playing around w/ their top properties.

i.e.

```
#NormalContent {
  position:relative;
    top:22px;
}

#FeaturedContent {
  position:relative;
    top:-22px;
}

```

But to make them flow... hmm... not sure you can do that.

With jQuery you can do something like:

```
 $("#NormalContent").remove().insertAfter($("#FeaturedContent"));

```
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)