Relative-ly Easy Elasticity v1.0

Primary Content

Contained box elastic widths.



#cont {
  width:40em
  margin:0 auto;
}

#middle {
  float:left;
  width:20em;
  margin:1em -29em 1em 10em;
  background:#f5dcdc;
  display:inline;  
}

#left {
  float:left;
  width:9em;
  margin:1em 0 1em -1em;
  background:#dcdcf5;
}

#right {
  float:right;
  width:9em;
  margin:1em 0;
  background:#dcf5dc;  
}

#foot {
  clear:both;
  background:#dcdcdc;
}

Secondary Content

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu. Donec euismod. Praesent mauris mi, adipiscing non, mollis eget, adipiscing ac, erat. Integer nonummy mauris sit amet metus. In adipiscing, ligula ultrices dictum vehicula, eros turpis lacinia libero, sed aliquet urna diam sed tellus. Etiam semper sapien eget metus.

Close White Margin