ブロックレベル要素である、<div>や<table>はソースコード上で並べても下に並んでいきます。 ですが、float属性を使用することで横に並べる事が可能になります。 <html> <head> <title>プレビュー</title> <style type="text/css"> <!-- #box1{ border: 2px solid; width: 150px; height: 100px; margin-right: 50px; float: left; } #box2{ border: 2px solid; width: 150px; height: 100px; float: left; } --> </style> </head> <body> <div id="box1"> box1 </div> <div id="box2"> box2 </div> </body>