Make a column expand under its neighbor nearby column - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Column Layout

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

Description

Make a column expand under its neighbor nearby column

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from www.j  a  va2  s . co m-->
 <body> 
  <p style="color: blue"> 
    <span style="float: right; color:red;"> 
       other text. other text. other text. other text. <br> 
       other text. other text. other text. other text. <br> 
       other text. other text. other text. other text. <br> 
    </span> 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. 
       Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>  
 </body>
</html>

Related Tutorials