Make overflow force box to grow - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Box

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Box

Description

Make overflow force box to grow

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>
#preonboard, #preonboard pre {
   border:dotted;
   display:table;
}
</style> <!-- w  w  w  .jav a 2s  .c om-->
 </head> 
 <body translate="no"> 
  <div id="preonboard" style="float:right;border:1px solid black;width:30%;"> 
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullam</p> 
   <pre>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Aliq</pre> 
  </div> 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed ferment</p>  
 </body>
</html>

Related Tutorials