css - 导航栏中的文本不显示

Question

你好，我做了一个简单的布局，我还在顶部显示了一个导航栏(固定)一切顺利，但我想要在导航栏中显示的文本没有显示。我试图找到解决方案，但无法弄清楚，非常感谢。

HTML 代码:

    <div class="banner">
    <div class="banner-container"> test test
            <tbody>
                <tr>
                <span>test</span> <span>test1</span>
                </tr>
            </tbody>


    </div>          <!-- END banner-container -->
    </div>

CSS 代码:

    /*========================= BODY =========================*/
body{
    background: #ffffff;
    font-family: Hammersmith One;
    margin: 0;
}
span{
    margin: 0 10px;
}
.container{
        height:auto;
        margin-top:-10px;
}

/*========================= HEADER =========================*/
 .banner {
    margin: -10pt auto;
    width:100%;
    background-color:#d9d8d6;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    position:fixed;
}
.banner-container{
        height:70px;
        width:900px;
        position:center;
        text-align:center;
}
.wrapper{
        background-color:#FFFFFF;
        width:900px;
        margin-top: 20px;
        margin: 0pt auto;
}
/*========================= CONTENT LEFT =========================*/
.content-index{
        width:70%;
        height:100%;
        float:left;
        padding-left:20px;
        padding-top:40px;
}

.content-index h1{
        font-size:20px;
        width:98%;
        background-color:#fdfdfd;
        text-align: left;
        color:#000000;
}
.content-index p{
        text-align: left;
        margin: 10px;
        width:98%;
}


.content-index-header{
    float: left;
    margin: 1px 1px 1px 1px;
    padding: 1px;
    width:100%;
    overflow:hidden;
}
.content-index-latest{
    height:100%;
    float: left;
    margin: 1px 1px 1px 1px;
    padding: 1px;
    width:100%;
    overflow:hidden;
}
.content-index-latest-cont {
    background:#FFFFFF;
    padding: 1px;
    float: left;
    width: 100%;
}

/*========================= CONTENT RIGHT =========================*/ 
.content-index-right{
        width:25%;
        height:100%;
        float:right;
        padding-right:20px;
        padding-top:40px;
}
.content-index-right h1{
        color:#000000;
        font-size:15px;
        text-align: center;
        background-color:#fdfdfd;
}

Answer 1

只需从 .banner 中删除 margin: -10pt auto;

.banner {
    width:100%;
    background-color:#d9d8d6;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    position:fixed;
}

DEMO