html - CSS 将标题与内部菜单对齐

Question

嗨，我刚开始，我有一个小问题，由于某种原因，我无法让标题和菜单架对齐，菜单架出现在标题下方，我需要它在标题内

#header {

    max-height: 50px;
    width: 100%;
    background: url(../img/bgpattern.png) repeat-x;
    position: fixed;
    box-shadow: 0px 0px 10px 5px rgb(139, 141, 143);
    z-index: 5;


}

#menuholder {

    height:50px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

感谢您的任何反馈。

Answer 1

这是你的想法吗？

<div id="header">
    <div id="menuholder">
        This is my menu
    </div>
</div>

#header {
    max-height: 50px;
    width: 100%;
    background: url(../img/bgpattern.png) repeat-x;
    box-shadow: 0px 0px 10px 5px rgb(139, 141, 143);
}
#menuholder {
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
}