0

How can I get the text in a textarea to flow around a floating div like any other div does without problem?

Here are three elements:

<div class=float1>bla bla</div>
<div class=div1>div flowing normally</div>
<textarea class=textarea1>textarea not flowing normally</textarea>

CSS:

.float1 {
    width:200px;
    float:right;
}

.div1, .textarea1 {
    width:400px;
    height:70px;
}

.div1 { 
    background-color:green;
    /*display:inline-block;*/
}

.textarea1 {
    background-color: yellow;
    border:0px;
    resize: none;    
}

Look at this Fiddle in which div1 flow normally but I can't get the textarea to flow the same way...

Thanks!

Diodeus - James MacFarlane
  • 112,730
  • 33
  • 157
  • 176
Pierre
  • 270
  • 2
  • 11
  • First of all your floating is incorrect.. take a read [here](http://stackoverflow.com/questions/16568272/how-css-float-works-why-height-of-the-container-element-doesnt-increase-if-it/16568504#16568504) how they work – Mr. Alien Jan 30 '14 at 16:44
  • @Mr.Alien Could you be more precise as I really can't see how it's "incorrect"? – Pierre Jan 30 '14 at 16:55

0 Answers0