如何让3个不同的类元素按表行顺序显示在单个备注字段中

<table>
  <tr>
    <td class="element1"></td>
    <td class="element2"></td>
    <td class="element3"></td>
  </tr>
</table>

.element1::before {
  content: "Element 1";
}

.element2::before {
  content: "Element 2";
}

.element3::before {
  content: "Element 3";
}

td {
  display: inline-block;
}

<table>
  <tr>
    <td class="element1"></td>
    <td class="element2"></td>
    <td class="element3"></td>
  </tr>
</table>