html - CSS如何放置列

Question

如何使用 css 水平放置列。

应该如何:

<table>
  <tbody>
  <tr>
    <td>
      First element column 1
    </td>
  </tr>
  <tr>
    <td>
       Second element column 1
    </td>
  </tr>

  <tr>
    <td>
        First element column 2
    </td>
    <td>
        First element column 3
    </td>
  </tr>

  <tr>
    <td>
        Second element column 2
    </td>
    <td>
        Second element column 3
    </td>
  </tr>
  </tbody>
</table>

我无法更改标记，因为所有标记都是 :

@foreach(var computer in department.Computers)
{
  <tr >
      <td>
              @computer.ID
      </td>
  </tr>
}

@foreach (var employee in department.Employees)
{
    <tr>
        <td>
            @employee.Text
        </td>
        <td>
            @employee.Number
        </td>
    </tr>
}

Answer 1

    <table>
        <tbody>
                <tr>
                    <td>
                            First element column 1
                    </td>
               
                <td>
                        First element column 2
                </td>
           
                    <td>
                        First element column 3
                    </td>
                   
                </tr>

            <tr>
 <td>
                        Second element column 1
                    </td>
                <td>
                    Second element column 2
                </td>
                <td>
                    Second element column 3
                </td>
            </tr>
        </tbody>
    </table>