Html 如何使登录按钮在菜单中垂直居中

如何使登录按钮在菜单中垂直居中？我有一个菜单，我想把登录按钮移到右边，垂直居中。我试着去做，但没有完成

.topnav{
最大宽度：90%；
保证金：0自动；
高度：92px；
}
.logo-container-1{
浮动：左；
}
.logo-container-2{
填充：15px 0px；
}
.logo-container-2 img{
高度：58px；
}
.nav-content-1{
宽度：自动；
高度：92px；
}
.nav-content-2{
浮动：对；
}
.nav-content-3A{
浮动：左；
文本对齐：居中；
填充：35px 16px；
字体大小：16px；
位置：相对位置；
}
.login-container-2{
显示：内联块；
背景#f56f46；
边界半径：4px；
字体大小：15px；
线高：30px；
保证金：自动；
填充：7px 30px；
}

新闻
现场测试
时事
登录/注册

您可以使用这些代码

.topnav{
显示器：flex；
背景：ddd；
最大宽度：90%；
保证金：0自动；
高度：92px；
}
.logo-container-2{
填充：15px 0px；
弹性：50%；
对正内容：左；
}
.logo-container-2 img{
高度：58px；
}
.nav-content-1{
高度：92px；
显示器：flex；
左边距：自动；
右边距：15px；
}
.nav-content-2{
显示：内联块；
}
.nav-content-3{
弹性：50%；
证明内容：正确；
对齐项目：居中；
}
.nav-content-3A{
文本对齐：居中；
填充：35px 8px；
位置：相对位置；
显示：内联块；
对齐项目：居中；
}
.login-container-1{
对齐项目：居中；
垂直对齐：右对齐；
显示器：flex；
}
.login-container-2{
显示：内联块；
背景#f56f46；
边界半径：4px；
线高：30px；
保证金：自动；
填充：7px 30px；
}

页
新闻
现场测试
时事
登录/注册

您可以使用这些代码

.topnav{
显示器：flex；
背景：ddd；
最大宽度：90%；
保证金：0自动；
高度：92px；
}
.logo-container-2{
填充：15px 0px；
弹性：50%；
对正内容：左；
}
.logo-container-2 img{
高度：58px；
}
.nav-content-1{
高度：92px；
显示器：flex；
左边距：自动；
右边距：15px；
}
.nav-content-2{
显示：内联块；
}
.nav-content-3{
弹性：50%；
证明内容：正确；
对齐项目：居中；
}
.nav-content-3A{
文本对齐：居中；
填充：35px 8px；
位置：相对位置；
显示：内联块；
对齐项目：居中；
}
.login-container-1{
对齐项目：居中；
垂直对齐：右对齐；
显示器：flex；
}
.login-container-2{
显示：内联块；
背景#f56f46；
边界半径：4px；
线高：30px；
保证金：自动；
填充：7px 30px；
}

页
新闻
现场测试
时事
登录/注册

请尝试此代码，如何在菜单中垂直居中登录按钮

.topnav{
最大宽度：90%；
保证金：0自动；
高度：92px；
}
.logo-container-1{
浮动：左；
}
.logo-container-2{
填充：15px 0px；
}
.logo-container-2 img{
高度：58px；
}
.nav-content-1{
宽度：自动；
高度：92px；
}
.nav-content-2{
浮动：对；
}
.nav-content-3A{
浮动：左；
文本对齐：居中；
填充：35px 16px；
字体大小：16px；
位置：相对位置；
}
.login-container-2{
显示：内联块；
背景#f56f46；
边界半径：4px；
字体大小：15px；
线高：30px；
保证金：自动；
填充：7px 30px；
}

新闻
现场测试
时事
登录/注册

请尝试此代码，如何在菜单中垂直居中登录按钮

.topnav{
最大宽度：90%；
保证金：0自动；
高度：92px；
}
.logo-container-1{
浮动：左；
}
.logo-container-2{
填充：15px 0px；
}
.logo-container-2 img{
高度：58px；
}
.nav-content-1{
宽度：自动；
高度：92px；
}
.nav-content-2{
浮动：对；
}
.nav-content-3A{
浮动：左；
文本对齐：居中；
填充：35px 16px；