[jQuery] Can I animate a Floating element that should get moved to next line?

[Samishii23]

I have a thought. Consider the following:

<script>
$(function(){
 $("#b").click(function(){
  $("div").animate({width: "200px"},1000);
  });
 });
</script>
 
<div style="width:225px;">
 <button id="b">C</button>
 <div style="float:left;width:100px;">Test</div>
 <div style="float:left;width:100px;"></div>
</div>

On my test case I basicly animate the 1 div, but the 2nd div after "Snaps" to 2nd line. I would like to animate the move to the next line. Anyone know how this can be done?

Thanks.