用CSS将H1标签左对齐？

Question

您好我在尝试将H1标签对齐到左侧时遇到了问题。我知道这是我的template.css文件中的内容，但我无法解决问题。

Have a look >

我希望任何CSS大师都应该很容易;）...

Answer 1

使用Firefox的Firebug，Safari的WebInspector或IE的开发人员工具等开发人员工具来检查文档。那些可能会显示你的，.previous_page的底部边距会导致与h1的上边距发生冲突。

Answer 2

它正在触及浮动的“上一页”链接并环绕它。它是左对齐的，但看起来它的中心位置是因为它击中浮动的位置。

尝试：

h1 { clear: left }

Answer 3

尝试将h1样式更改为：

#flypage h1 {
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left !important;
  width: 100%;
}