html - 两列布局中表格上方的中心标题

Question

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

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

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

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

Answer 1

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

https://codepen.io/Jason_B/pen/QmMpry