Html 在页脚中居中文本，不带文本居中对齐

从中，你可以看到我有一个页脚

我希望对齐每列中的内容，使容器居中，但文本仍然向左对齐

HTML:

<div class="left">
  <div class="align">
    <h6>Facebook</h6>
    <h6>Twitter</h6>
    <h6>Blog</h6>
  </div>
</div>
<div class="right">
  <div class="align">
    <h6>Privacy Policy</h6>
    <h6>Terms of Service</h6>
    <h6>Help</h6>
    <h6>Contact Us</h6>
  </div>
</div>

div {
  width: 50%;
}

.left {
   float: left;
}

.right {
  float: right;
}

.align {
  display: table;
  margin: 0 auto;
}

有什么建议吗？谢谢。

请检查这个

。左{
宽度：50%；
浮动：左；
背景色：白色；
}
.对{
宽度：50%；
浮动：对；
背景色：黑色；
颜色：白色；
}
霍先生中心{
显示：表格；
保证金：0自动；
}

脸谱网
雷迪特
一款图片分享应用
条款
F&；Q
电子邮件

请检查此项

。左{
宽度：50%；
浮动：左；
背景色：白色；
}
.对{
宽度：50%；
浮动：对；
背景色：黑色；
颜色：白色；
}
霍先生中心{
显示：表格；
保证金：0自动；
}

脸谱网
雷迪特
一款图片分享应用
条款
F&；Q
电子邮件

您需要在块级容器上设置宽度，并为其设置

边距：0自动。您可以更改控制上下页边距的0，但该键具有一定的宽度，具有自动左、右页边距。
您需要在块级容器上设置宽度，并将其设置为
页边距：0 auto。您可以更改控制上下页边距的0，但该键具有一定的宽度，具有自动左、右页边距。
文本是否始终是
h6
元素？寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码。“居中左”毫无意义。也许期望结果的图像会更有用。文本是否始终是
h6
元素？寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码。“居中左”没有意义。也许期望结果的图像会更有用。文本仍然居中对齐，我希望容器居中，但文本仍居中，左居中。文本仍然居中对齐，我希望容器居中，但文本仍居中，左中。这是我第一次尝试，但没有显示我想要的结果。嗨，帕夫。没有理由将div从
块
（其初始显示设置）更改为
表
。这里的效果是一样的。这是我第一次尝试，但没有显示我想要的结果。嗨，帕夫。没有理由将div从
块
（其初始显示设置）更改为
表
。这里的效果是相同的。