html - HTML -- 2 つのテーブルを並べて表示

Question

重複の可能性:
テーブルを横に並べようとしている

2 つの html テーブルが既に作成されています。上下に配置するのではなく、横に並べて配置するにはどうすればよいですか?

Answer 1

コンテンツとスペースに応じて、フロートまたはインライン表示を使用できます。

<table style="display: inline-block;">

<table style="float: left;">

ここでそれをチェックしてください：http：//jsfiddle.net/SM769/

ドキュメンテーション

• displayMDN上のCSS - https: //developer.mozilla.org/en/CSS:display
• floatMDN上のCSS - https://developer.mozilla.org/en/CSS/float

Answer 2

テーブルを div に配置し、テーブルにスタイルを追加できます "float: left"

<div>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

または単に css を使用します。

div>table {
  float: left
}

Answer 3

<div style="float: left;margin-right:10px">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>
<div style="float: left">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

Answer 4