Html - positioning element to right side - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Position

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

Description

Html - positioning element to right side

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  v  a  2s .  c om-->
 <body> 
  <div id="ResultBox" style="margin-right:10px;margin-top:5px; height:90%;"> 
   <div class="result" style="display:inline;"> 
    <div style="height:100px; width:150px; display:inline-block; float:left;">
      Lorem i 
     <label>Lorem ipsum dolor</label> 
     <br>Lorem ip 
     <label>Lorem ip</label> 
     <br>Lorem ipsum dol 
     <label>Lorem ip</label> 
    </div> 
    <div class="btn" style="float:right;display:inline-block;"> 
     <button>Lorem i</button> 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials