Html 如何将一个表行转换为两列?

Html 如何将一个表行转换为两列?,html,css,html-table,css-tables,Html,Css,Html Table,Css Tables,我有一个,它在一行中显示项目。我希望项目显示为两列,一列显示前三个项目,另一列显示后两个项目。这可以通过直接的HTML完成,还是我需要CSS?代码建议``` <div id="mapControls" class="container"> <table> <tr> <td><input type="checkbox" id="births" checked="c

我有一个
,它在一行中显示项目。我希望项目显示为两列,一列显示前三个项目,另一列显示后两个项目。这可以通过直接的HTML完成,还是我需要CSS?代码建议```

     <div id="mapControls" class="container">
        <table>
            <tr>
                <td><input type="checkbox" id="births" checked="checked" onclick="toggleMarkerGroup('births')">Births</td>
                <td><input type="checkbox" id="marriages" checked="checked" onclick="toggleMarkerGroup('marriages')">Marriages</td>
                <td><input type="checkbox" id="deaths" checked="checked" onclick="toggleMarkerGroup('deaths')">Deaths</td>
                <td><input type="checkbox" id="burials" checked="checked" onclick="toggleMarkerGroup('burials')">Burials</td>
                <td><input type="checkbox" id="migration" checked="checked" onclick="toggleMigration(migrations)"> Migrations</td>
            </tr>
        </table>
    </div>

出生
婚姻
死亡
埋葬
迁移

第一种方法是在表中执行。您只需要使用3行并重新排列单元格。第二种方式可能是首选,使用flexbox


出生
埋葬
婚姻
迁移
死亡