Your Ad Here

advanced code snippet search

Posted By

indianocean on 06/06/07


Tagged

css alignment floating


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

basicmagic
vali29
WinterCrow


Align Elements on left and right side

 / Published in: CSS
 
Expand | Embed | Plain Text 
  1. .containingbox{
  2.   margin-left: auto; 
  3.   margin-right: auto; 
  4.   width: 400px;
  5.   height: 200px;
  6.   border: 1px solid #000;
  7. }
  8. .floatright{
  9.   float: right;
  10. }  
  11. .floatleft{
  12.   float: left;
  13. }  
  14.  
  15. <div class="containingbox">
  16.   <div class="floatleft">left</div>
  17.   <div class="floatright">right</div>
  18. </div>

Report this snippet  

You need to login to post a comment.