html - 新しい行の最後の td?

Question

クライアント用に単語からいくつかの表形式のデータを変換しました。

<table>
  <tr>
    <th><p>SPAGHETTI &ndash; Deeg voorgerechten</p></th>
  </tr>
  <tr>
    <td>SPAGHETTI AL PESCATORE</td>
    <td>&euro;11.50</td>
    <td><p  >Zeevruchten in speciale tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI ALLA MATRICIANA</td>
    <td>&euro;9.25</td>
    <td><p  >Met spek, knoflook in tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI BOSCAIOLA</td>
    <td>&euro;10.25
      </td>
    <td><p  >Met ham, spek, knoflook in roomsaus</p></td>
  </tr>
<table>

表データです。それはテーブルにあるはずです:)

doc という単語の中で、彼は最後のセル (オランダ語の説明) を新しい行に入れました。colspan="2" を使用して、最後のすべてのセルを新しい行に正規表現できますが、それは構造ではありません。私は試した：

td:last-child {
  display: block;
}

しかし、すべてのブラウザはそれを無視します。何か案は？

編集: 少しあいまいに聞こえますね。

私は持っている：

cell 1.1                     cell 1.2                               cell 1.3
cell 2.1                     cell 2.2                               cell 2.3
cell 3.1                     cell 3.2                               cell 3.3

私が欲しい：

cell 1.1                     cell 1.2                      
cell 1.3
cell 2.1                     cell 2.2                        
cell 2.3
cell 3.1                     cell 3.2                       
cell 3.3

Answer 1

テーブルはそのようには機能しません。 <tr>は新しい行を意味し、a<td>は同じ行にあります。異なる行<td>に同じものがあることはありません（または少なくともあるべきではありません） 。<tr>

cell 1.1                     cell 1.2                      
cell 2.1
cell 3.1                     cell 3.2                        
cell 4.1
cell 5.1                     cell 5.2                       
cell 6.3

編集: テーブルに適していない状況で、何らかの理由でテーブルを使用することに夢中になっているようです。次の実装を提案できますか (テストされていないため、私がやろうとしていることの基本を理解する必要があります)。

.menu-item: {
  display: block;
}

.price: {
  float: right;
}

.description {
  clear: both;
}

<h3>Spaghetti</h3>
<div class="menu-item">
  <strong>Food name</strong>
  <span class="price">10.00</span>
  <span class="description">A great dish</span>
</div>

<div class="menu-item">
  <strong>Food name</strong>
  <span class="price">10.00</span>
  <span class="description">A great dish</span>
</div>

<div class="menu-item">
  <strong>Food name</strong>
  <span class="price">10.00</span>
  <span class="description">A great dish</span>
</div>

Answer 2

セル 1.3、2.3、および 3.3<tr>を 1 つの新しいセルにし<td colspan="2">ます。