html - 整理または何か他のもの

Question

私はhtmlとcssにかなり慣れていません。とにかく、デザインするページがあり、特に各セルに異なる情報が含まれるテーブルがあります。そのため、各隅と中央に情報を配置する必要があります。

解決策を見つけましたが、セルのサイズを小さくできないため、完全には満足していません。

ここに私のhtmlがあります:

<td>
  <div class ="upperleft"> x </div>
  <div class = "upperRight"> x </div>
  <div class = "center"> x </div>
  <div class ="bottomleft"> x </div>
  <div class = "bottomRight"> x </div>   
</td>

私のcssでは、下部または上部のDIVにフロートを左または右に使用しています。

そのような状況に対する他の解決策はありますか？

Answer 1

私のコメントを答えにするには：

<td>
  <table>
    <tr>
      <td>top-left</td>
      <td>bottom-left</td>
    </tr>
    <tr>
      <td rowspan="2">center</td>
    </td>
    <tr>
      <td>top-right</td>
      <td>bottom-right</td>
    </tr>
  </table>
</td>