Html 如何将列和行移动到中心

这是我在frontmentor的第二个挑战，但老实说，我已经很久没有练习了

我正在练习创建一个三列预览卡组件，我已经创建了三列一行。但是，我发现我无法将列和行移动到页面的中心；我甚至试着用左键来调整列的位置，用px或erm来调整列的位置……等等

请告知我如何将立柱移到中心

我还有一个问题，我可以在列中添加任何图标或按钮，如“了解更多”吗

下面的屏幕截图是完整的3列预览卡组件，codeply的url就是我制作的。我还将把我用html和css创建的东西放在这里

谢谢你的帮助，请支持我实现它

我想今天是我重返赛场的时候了

/*构建您自己的自定义引导主题：
https://themestr.app
*/
/*字体*/
h1、h2、h3、h4、h5、h6{
字体系列：“大肩膀显示”，草书；
字体大小：粗体；
颜色：白色；
}
p{
字体系列：“Lexend Deca”，无衬线；
字体大小：400；
颜色：白色；
}
/*创建三个相邻浮动的相等列*/
.栏目{
浮动：左；
宽度：20%；
填充：10px；
高度：200px；
}
.左{
边界半径：5%05%
}
.对{
边界半径：0 5%5%0
}
/*清除列后的浮动*/
.罗：之后{
显示：表格；
明确：两者皆有；
}

轿车
选择轿车是因为它的经济性和出色的燃油经济性。非常适合在城市中巡航
或者在下一次公路旅行中

越野车
以SUV为例，它具有宽敞的内饰、动力和多功能性。非常适合您的下一次家庭度假
还有越野冒险

奢侈
在最好的汽车品牌中畅游，价格不会过高。享受奢华的舒适体验
租赁并以时尚的方式抵达

Flexbox是一个很好的起点。下面是你的答案。我还没来得及发帖，他们就结束了这个问题：还有一个指向CSS技巧Flexbox文档的链接：