Geek Answers Handbook

CSS: Preventing one div from wrapping under another

How can I prevent the separation of one div from another? In particular, I want the 2nd div to always be to the right of the 1st div, even if the width of the browser has been changed so that the contents of the second div must be completed.

I always want divs to be side by side: I want this the divs to always be side by side

and never look like this, even if the browser window is changed in such a way that the contents of the second div should be completed:
And never have the 2nd div wrap beneath the first div

<!DOCTYPE html> <html lang="en"> <body> <div class="columns"> <div style="background-color: #990000; width:70px; float: left"> Pic </div> <div style="background-color: #00FF00; float: left; " > body some interesting large amount of content. some interesting large amount of content. </div> </div> </body> </html>
+6
source share
1 answer
 <div class="columns"> <div style="background-color: #990000; width:70px; float: left"> Pic </div> <div style="background-color: #00FF00; margin-left: 70px;" > body some interesting large amount of content. some interesting large amount of content. </div> </div>

Example: http://jsfiddle.net/arPzt/

+5
source

More articles:


All Articles