在div之后删除回车

Question

我想在同一行显示“header”div，但“hdr_menu”div不在同一行：

<div class="container_16">
    <div class="header grid_16">
        <div class="logo">
            <img src="./images/logo.png"/>
        </div>
        <div class="header_txt">mywebsite.com</div>
        <div class="hdr_menu">
            <ul>
                <li>Browse</li>
                <li>Login</li>
                <li>Join</li>
            </ul>
        </div>
    </div>
</div>

和css：

.container_16 .grid_16 {
  width: 940px;
}
.header {
height : 100px;
margin-bottom : 10px;
}

.header ul{
margin : 0px;
padding : 0px;
}

.header li{
list-style : none;
display : inline;
margin-left : 10px;
font-size : 20px;
font-family : sans-serif;
}

.hdr_menu{
text-align : right;
margin-top : 0px;
}
.header_txt{
text-align: left;
font-family : sans-serif;
font-size : 200%;
margin-top : 50px;
}
.logo {
float:left;
}

谢谢你的帮助

Answer 1

.hdr_menu{
text-align : right; //remove
margin-top : 0px;
}

.hdr_menu{
margin-top : 0px;
}

Answer 2

将display:inline;添加到您不想破线的位置。

Answer 3

感谢@Hashem Qolami这是我必须添加的内容：

.header_txt{
text-align: left;
font-family : sans-serif;
font-size : 200%;
margin-top : 50px;
float: left; /*add this line*/
}