Change Floated Divs Order

HTML

<div id="container">
  <div id="title">This is a title</div>
  <div id="image">This is an image</div>
  <div id="descr">This is a description</div>
</div>

CSS

div
{
  float: left;
  width: 33.33%;
  height: 50px;
}

#container
{
  width: 100%;
}

#title, #image, #descr
{
  display: inline-block;
}

#title, #descr
{
  float: right;
}

@media only screen and (max-width: 480px)
{
  div
  {
    width: 100%;
  }
}