Hi All,
I am struggling to get 3 <div>'s on the same line. When I use 2 <div>'s it's okay, but how should I do it for 3 <div>'s ? Code to reproduce: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> div.container { width: 100%; margin: 0px; border:1px solid gray; line-height: 110%; } div.left { float: left; width: 150px; margin-top: 20px; padding: 1em; } div.content { margin-left: 165px; margin-top: 20px; width: 600px; padding: 1em; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; } div.right { margin-left: 900px; margin-top: 20px; width: 100px; padding: 1em; } </style> </head><body> <div class="container"> <div class="left">my left menu ...</div> <div class="content">my content ...</div> <div class="right">my right stuff</div> </div> </body></html>TIA, Cor ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/