Have elements positioned to the right without removing them from the flow - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Position

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

Description

Have elements positioned to the right without removing them from the flow

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
#container {<!--  www .  jav a 2  s  . c om-->
   min-height:6px;
   width:501px;
   background:red;
}

#floater {
   height:201px;
   width:100px;
   background:blue;
   float:right;
}
</style> 
 </head> 
 <body> 
  <div id="container"> 
   <div id="floater">
     Lore 
   </div> 
   <div style="clear:both;"></div> 
  </div>  
 </body>
</html>

Related Tutorials