两列布局中表格上方的中心标题答案

【问题标题】：Center title above table in two-column layout两列布局中表格上方的中心标题
【发布时间】：2018-03-24 10:59:48
【问题描述】：

如何让我的页面标题（“Pixel Art Maker”）在表格上方居中（查看CodePen）？我不确定为什么它还没有，因为它（<h1> 元素）在同一列中并且没有应用边距。

我不确定哪些代码是相关的，但这是我用来创建两列布局的 CSS 代码（以及 HTML 中的 div）：

.column {
  float: left;
  width: 35%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

【问题讨论】：

标签： html css

【解决方案1】：

您的列是屏幕宽度的 35%，但您的像素网格不是。如果您将第二列的宽度设置为auto，则该列将适合内容，并且标题将位于网格上方的中心。

【讨论】：