将内联块对齐到左侧

时间:2014-06-01 00:05:39

标签: html css alignment

看到这个小提琴:JSfiddle

我有两个div我正在显示为内联块。出于某种原因,即使我希望它们在左侧对齐,我的div也会以中心为中心。如何对齐我的div以便与我的.main div匹配并保持对齐?

提前致谢!

2 个答案:

答案 0 :(得分:1)

使用内联块设置的元素与文本非常相似。您需要拥有text-align: left的父容器。现在,它居中,因为父元素是具有text-align: center

的主体

答案 1 :(得分:1)

不是将所有<body>内容居中,而是集中在您想要居中的位置:

body {
    text-align: left; /* Just remove text-align:center */
}
h1, .click-nav {
    text-align: center;
}

Demo