如何使用 HTML 和 CSS 将列中的元素居中

Question

我最近一直在使用 Wordpress 开发一个网站。我试图在页面上居中 html 元素。我尝试过使用填充和边距，但仍然没有成功。

当前页面： Using Current HTML

最简单的解决方案 Basic Solution

想要的结果 Wanted Outcome

我无法在不影响移动设备外观的情况下进行这些更改。

这里是网站的链接以获得更多帮助。 https://landmark-re-service-llc.com/

我无法发布 CSS 或 HTML，因此必须在网页上对其进行检查。由于字数限制：

Answer 1

CSS 中元素的水平居中相当容易。假设你的居中元素被包裹在一个 div 中，它应该在它的父元素中居中，这应该可以工作（使用 flexbox）：

.parent-div {
    display: flex;
    justify-content: center;
}

我建议使用它而不是 margin: auto，因为它很容易垂直居中 (align-items: center)，而且很短。包装 div 也不需要任何 CSS，节省时间和空间。