我正在尝试构建一个 Netflix 克隆网站，但我的右侧菜单无法水平对齐。我收到一个错误，由于"display：inline-block"而被忽略 css 属性，但我的左侧菜单没有收到相同的错误。任何建议将非常受欢迎
<!DOCTYPE html>
<html>
<head>
<title>
Couch Cinematics
</title>
<style>
#header{
background: rgb(233, 225, 178);
color: white;
overflow: auto;
padding-left: 25px;
padding-right: 25px;
}
.logo{
text-align: left;
display: inline-block;
background: lightpink;
margin-right: 25px;
padding: 20px;
}
.leftMenu{
text-align: left;
display: inline-block;
background:lightpink;
}
.leftMenu ul{
list-style: none;
padding: 0;
margin: 0;
}
.leftMenu ul li{
display: inline-block;
padding: 20px;
}
.rightMenu{
float: right;
display: inline-block;
background: lightpink;
}
.rightMenu ul{
list-style: none;
padding: 0;
margin: 0;
}
.rightMenu ul li{
display: inline-block;
padding: 20px;
}
</style>
也许您需要将文本右对齐，就像左侧菜单与左侧对齐一样。尝试使用和不使用正确的浮动，以找到哪个可以工作。
.rightMenu{
text-align: right;
display: inline-block;
background: lightpink;
}