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: 
In Javascript you could simply reorder them on the page.

With CSS it would be possible to swap them left and right if they were side by side (with some conditions), but not one above the other.
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"));

```