جابجا کردن دو div با css

[ASedJavad]

سلام
یه سؤال دارم برا طراحی قالب وبلاگ.
البته تا اونجایی که خودم میدونم، فکر نکنم همچین چیزی که میخوام شدنی باشه، ولی گفتم بپرسم، شاید شدنی بود؛ ضرر نداره در هر صورت.


فرض کنیم صفحۀ "نمایش کامل پست"، قالبش اینجوری باشه:




<div>(Post_Title)</div>
<div style="width:50%;">(Post_Image)</div>
<div>(Post_Body)</div>





از طرفی متن پستامون (Post_Body) خودش بصورت دستی، یه div اولش نوشته شده.
یعنی متن هر پست به طور دستی به این صورت وارد میشه:


<div style="background-color:red;"><p>متن دیو اول بدنه پست</p></div>
<p> ادامۀ متن پست پاراگراف 1</p>
<p> ادامۀ متن پست پاراگراف 2</p>
...


یعنی در این صورت صفحۀ html به این شکل خواهد شد:

131207

حالا سؤال اینجاست که آیا میشه بدون استفاده از js طوری قالب رو طراحی کرد که div عکس بیفته زیر div قرمز؟ یعنی صفحه به این شکل باشه:

131210

نهایت سعیم رو کردم که خوب توضیح بدم. اگه باز نامفهوم بود، بگید تا بیشتر توضیح بدم
ممنون