html - 标题 DIV 之外的标题文本

Question

你知道为什么文本“左边的文本”和“右边的文本”，应该在我的标题蓝色 DIV 中，但在它下面吗？文本顶部似乎有一些意想不到的填充或其他内容。 JS Fiddle here .

CSS:

#header {
    width: 100%;
    height: 18px;
    background: #0064C5;
}
#header p.left {
    float:left;
    color:#000;
}

#header p.right {
    float:right;
    color:#000;
}

Answer 1

试试这个

将 margin: 0 添加到 #header p

#header {
    width: 100%;
    height: 18px;
    background: #0064C5;
    clear: both;
}
#header p { margin:0;}
#header p.left {
    float:left;
    color:#000;

}

#header p.right {
    float:right;
    color:#000;

}