html - 内部にテキストを含む一連のボックスを含むボックスを作成する

Question

その中に一連のボックスがあり、その中に独自のテキストが中央に配置されたボックスを作成しようとしています。ペイントでプロトタイプを作成し、スクリーン ショットを撮りました。コードでこれを行う方法を知っている人はいますか? http://screencast.com/t/hFCxwKxxJi5

ありがとう！

Answer 1

colspanのプロパティを使用して、tdテキストを複数のセルに拡張します。

<table>
    <tr><td colspan="2">Some text here</td></tr>
    <tr><td>Next</td><td>Last</td></tr>
</table>

スタイルで以下を追加して、テキストを中央に配置し、境界線を描画します

<style type="text/css">
    table, td
    {
        padding: 3px 8px;
        border-collapse: collapse;
        border: 1px solid #000000;
        text-align: center;
    }
</style>

Answer 2

タグで簡単にできます<table>。このような -

<table border="2">
  <tr><td colspan="2">Hello</td></tr>
  <tr><td>Hello 2</td><td>Hello 3</td></tr>
</table>

終わり。必要に応じて、CSS を使用してスタイルを設定できます。