我想让这个红色边框里面的内容在红色盒子内居中，但是一直不行，不知道哪里写错了
.menu{
background-image: url(../img/imag2/未命名-110.png);
width: 100%;
height: 200px;
margin-top: 130px;
position: absolute;
display: flex;
}
.menu1{
width: 85%;
/* border: red solid; /
margin: 0 auto;
margin-top: 20px;
display: flex;
flex-direction: rew;
border: solid;
/ text-align: center; /
}
.menu1 .hh{
/ display: flex; */
flex-direction: rew;
margin-left: -210px;
margin-top: 70px;
}
.menu1 img{
margin-left:45px;
width: 120px;
height: 50px;
margin-top: 10px;
}
.menu1 div{
margin-left:45px;
display:flex;
flex-wrap:nowrap;
}
.menu1 ul{
list-style-type: none;
margin-left: 40px;
line-height: 30px;
}
.menu1 li{
color: #BEBEBE;
}
.menu1 .ul{
color: #000000;
font-size: 16px;
}
.erwm img{
height:110px;
}
.saom{
margin-top: 130px;
}
.nbj{
border: red solid;
width: 100%;
display: flex;//flex布局
justify-content: center;//x轴排列
align-items: center;//y轴排列
}

这是css代码

<div class="menu">
<div class="menu1">
<div class="nbj">
<div><img src="img/logo.png" ></div>
<div><h3 class="hh">4 0 0 - 8 2 0 -8 8 2 0</h3></div>
<div class="fle">
<ul>
<li class="ul">模块分类</li>
<li>子分类页面</li>
<li>子分类页面</li>
<li>子分类页面</li>
</ul>
<ul>
<li class="ul">模块分类</li>
<li>子分类页面</li>
<li>子分类页面</li>
<li>子分类页面</li>
</ul>
<ul>
<li class="ul">模块分类</li>
<li>子分类页面</li>
<li>子分类页面</li>
<li>子分类页面</li>
</ul>
</div>
<div>
<div class="erwm"><img src="img/imag2/未命名-28.png" ></div>
<div class="saom"style="margin-left: -107px;">扫描二维码关注</div>
</div>
</div>

                    </div>
                </div>

这个是我的HTML代码，麻烦大佬指点一下我应该怎么修改.