divでテーブル

WEB

tableタグをつかって、なんだかかっこ悪かったので、すこし調べた。

<html>
  <head>
    <style type="text/css">
div {
  border: 1px solid black
}
    </style>
  </head>
  <body>
    <!-- 上段 -->
    <div style="float:left; width: 30%">
      左上
    </div>
    <div style="float:left; width: 30%">
      真ん中上
    </div>
    <div>
      右上
    </div>
    <!-- 中段 -->
    <div style="float:left; width: 30%">
      左中
    </div>
    <div style="float:left; width: 30%">
      真ん中
    </div>
    <div>
      右中
    </div>
    <!-- 下段 -->
    <div style="float:left; width: 30%">
      左下
    </div>
    <div style="float:left; width: 30%">
      真ん中下
    </div>
    <div>
      右下
    </div>
  </body>
</html>


表示はこんなかんじ。