Html 对中标题内容divs

我无法将名为“一”和“二”的分区居中。他们需要保持自己的风格，保持它们并排和边缘，但也要居中，这是我不能解决的问题

此外，导航div需要居中，这是我用下面的样式实现的

#标题{
位置：相对位置；
溢出：隐藏；
最小宽度：300px；
高度：自动；
文本对齐：居中；
边框底部：1px实心#ccc；
垫底：5px；
保证金：0 5px 0 5px；
}
#标题#一{
字体：1.625em“Arial黑色”，Helvetica，无衬线；
字号：100；
浮动：左；
颜色：#95061e；
边缘底部：10px；
}
#标题#二{
字体：1.625em Arial，Helvetica，无衬线；
浮动：左；
利润上限：3倍；
左边距：3倍；
右边距：5px；
颜色：#953606；
}

桦木
木材

删除css中的浮动，如下所示。

---

如果您想在一行中包含两个div，只需添加

display:inline

到css规则中的

#one

和

#two

删除css中的浮动，如下所示。

---

如果您想在一行中包含两个div，只需添加

display:inlinedisplay:inline块，将
#一
和
#二
的css规则添加到您的css规则中而不是
浮动：左


#标题{
位置：相对位置；
溢出：隐藏；
最小宽度：300px；
高度：自动；
文本对齐：居中；
边框底部：1px实心#ccc；
垫底：5px；
保证金：0 5px 0 5px；
}
#标题#一{
字体：1.625em“Arial黑色”，Helvetica，无衬线；
字号：100；
显示：内联块；
颜色：#95061e；
边缘底部：10px；
}
#标题#二{
字体：1.625em Arial，Helvetica，无衬线；
显示：内联块；
利润上限：3倍；
左边距：3倍；
右边距：5px；
颜色：#953606；
}

桦木
木材
使用
显示：内联块而不是
浮动：左


#标题{
位置：相对位置；
溢出：隐藏；
最小宽度：300px；
高度：自动；
文本对齐：居中；
边框底部：1px实心#ccc；
垫底：5px；
保证金：0 5px 0 5px；
}
#标题#一{
字体：1.625em“Arial黑色”，Helvetica，无衬线；
字号：100；
显示：内联块；
颜色：#95061e；
边缘底部：10px；
}
#标题#二{
字体：1.625em Arial，Helvetica，无衬线；
显示：内联块；
利润上限：3倍；
左边距：3倍；
右边距：5px；
颜色：#953606；
}

桦木
木材
使用以下代码：

#header {
  position: relative;
  overflow: hidden;
  height:auto;
  text-align: center;
  border-bottom:1px solid  #ccc;
  padding-bottom:5px;
  margin: 0 auto;
}
#header #one {
        font: 1.625em "Arial Black", Helvetica, sans-serif;
        font-weight:100;
        color:#95061e;
        margin-bottom:10px;display:inline-block;
    }
#header #two {
        font:1.625em Arial, Helvetica, sans-serif;margin-top:3px;
    display:inline-block;
        color:#953606;
    }

jsiddle link使用以下代码：

#header {
  position: relative;
  overflow: hidden;
  height:auto;
  text-align: center;
  border-bottom:1px solid  #ccc;
  padding-bottom:5px;
  margin: 0 auto;
}
#header #one {
        font: 1.625em "Arial Black", Helvetica, sans-serif;
        font-weight:100;
        color:#95061e;
        margin-bottom:10px;display:inline-block;
    }
#header #two {
        font:1.625em Arial, Helvetica, sans-serif;margin-top:3px;
    display:inline-block;
        color:#953606;
    }

jsiddle link
祝您在学习之旅中好运！我在这里做的更改是
#一个
和
#两个
div被赋予
display:inline
。这将使它们与文本类似，因此“文本对齐”选项将应用于它们


#标题{
位置：相对位置；
溢出：隐藏；
最小宽度：300px；
高度：自动；
文本对齐：居中；
边框底部：1px实心#ccc；
垫底：5px；
保证金：0 5px 0 5px；
}
#标题#一{
字体：1.625em“Arial黑色”，Helvetica，无衬线；
字号：100；
颜色：#95061e；
边缘底部：10px；
显示：内联；
}
#标题#二{
字体：1.625em Arial，Helvetica，无衬线；
利润上限：3倍；
左边距：3倍；
右边距：5px；
颜色：#953606；
显示：内联；
}

桦木
木材
祝您在学习过程中好运！我在这里做的更改是
#一个
和
#两个
div被赋予
display:inline
。这将使它们与文本类似，因此“文本对齐”选项将应用于它们


#标题{
位置：相对位置；
溢出：隐藏；
最小宽度：300px；
高度：自动；
文本对齐：居中；
边框底部：1px实心#ccc；
垫底：5px；
保证金：0 5px 0 5px；
}
#标题#一{
字体：1.625em“Arial黑色”，Helvetica，无衬线；
字号：100；
颜色：#95061e；
边缘底部：10px；
显示：内联；
}
#标题#二{
字体：1.625em Arial，Helvetica，无衬线；
利润上限：3倍；
左边距：3倍；
右边距：5px；
颜色：#953606；
显示：内联；
}

桦木
木材
导航链接如何
a
？不清楚您的布局应该是什么样子。您可以使用一个包装器，给它一个宽度，并使用“自动边距”使其居中；：检查此小提琴导航链接
a
？不清楚您的布局应该是什么样子。您可以使用一个包装器，给它一个宽度，并使用“自动边距”使其居中；：检查这把小提琴