Html 无法在网站上创建标题？

这似乎是一个糟糕的问题，但我有点喜欢HTML。好的，我正在尝试为我的站点创建一个HTML topbar。以下是我的代码：

CSS:

HTML:

#顶栏{
位置：固定；
排名：0；
左：0；
z指数：999；
宽度：100%；
高度：40px；
颜色：白色；
}
*html#顶栏{
位置：绝对位置；
}
#顶杆内侧{
高度：23px；
背景：#000000；
}
*html#顶栏内部{
右边距：17px；
}
*html#右上栏{
位置：绝对位置；
右：0px；
宽度：300px；
背景色：#b0e0e6；
}

超过39美元的所有订单均可免费送货！

像这样的吗？

#顶栏{
位置：绝对位置；
宽度：100%；
排名：0；
左：0；
}
#顶杆内侧{
高度：23px；
背景：蓝色；
浮动：左；
宽度：50%；
}
#顶杆内侧{
浮动：左；
}
#右上栏{
位置：相对位置；
浮动：对；
宽度：300px；
背景色：#fff555；
宽度：50%；
}

超过39美元的所有订单均可免费送货！
这是右上栏的

我认为这解决了您的问题

条形图中的文本居中对齐，右侧有一些文本右对齐

更重要的是，它使用类而不是ID（正如我在上面的评论中提到的）

CSS如下所示（我还在Fiddle中引用normalise.CSS来重置浏览器的怪癖）

。顶栏{
位置：绝对位置；
排名：0；
左：0；
右：0；
行高：23px；/*垂直对齐文本中间*/
背景：#000；
颜色：#FFF；
文本对齐：居中；/*而不是*/
文本转换：大写；/*将CSS中的文本大写*/
}
.顶杆p{
保证金：0；
}
.右上横杆{
位置：绝对位置；
右：0；
背景：红色；/*只是为了让它在本例中脱颖而出*/
排名：0；
}

HTML格式如下：

<div class="top-bar">
    <p class="top-bar__middle">Free shipping on all orders over $39!</p>
    <p class="top-bar__right">This is some text.</p>
</div>

所有超过39美元的订单均可免费送货
这是一些文本

Hey Owen-尝试使用问题编辑器中的“创建代码片段”按钮。做一个活生生的例子。这将鼓励人们回答。顺便说一句，

和

标签早就被弃用了。改用CSS。它们仍然有效：/@j08691它们有效，但@j08691是正确的，请使用CSS。您试图在右侧添加什么文本？登录和注销按钮。：/@MysNoNO，文本在右边，正文在中间。我很难做到这一点@克劳迪乌。爱。你。所以很

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 23px; /* Vertically align the text middle */
    background: #000;
    color: #FFF;
    text-align: center; /* Instead of <centre> */
    text-transform: uppercase; /* Capitalise the text in CSS */
}

.top-bar p {
    margin: 0;
}

.top-bar__right {
    position: absolute;
    right: 0;
    background: red; /* Just to make it stand out in this example */
    top: 0;
}

<div class="top-bar">
    <p class="top-bar__middle">Free shipping on all orders over $39!</p>
    <p class="top-bar__right">This is some text.</p>
</div>