Html 如何将无序列表设置在中间，不在内联（见图像）？

如何实现以下目标（见图）？我想把我的列表元素放在中间，到目前为止，我所尝试的是在与徽标（或H1）相同的行上对齐。

我试着在li上加上一个页边空白，但那根本不起作用。如果有人能告诉我哪里出了问题，我将不胜感激

谢谢

我的尝试：

登录

CSS:

.logo{
显示：内联块；
位置：相对位置；
字体系列：泰晤士报、泰晤士报新罗马、泰晤士报罗马、乔治亚、衬线；
字体大小：54px；
线高：40px；
字母间距：-5px；
颜色：#4444；
保证金：0；
填充顶部：25px；
左侧填充：25px；
字号：100；
}
.导航菜单{
显示：内联块；
列表样式类型：无；
字体大小：20px；
填充：0px；
边际上限：0px；
左侧填充：50px；
宽度：55%；
左边距：10px；
}
.导航菜单李{
显示：内联；
保证金：0px 20px 20px 0px；
}
.导航菜单李a{
文字装饰：无；
颜色：灰色；
}
li a:将{color:444444；}/*鼠标悬停在链接上*/
李a：积极的{
颜色：白色；
文字装饰：下划线；
}/*所选链接*/

诀窍在于有效地使用CSS

行高属性。下面是一个演示如何实现这一点的示例

HTML

<select multiple>
  <option>One</option>
  <option>Two</option>
</select>

尝试使用：

.setMiddle
{
  vertical-align:middle;
}

它将元素设置在方框（div）的中间。你已经做了几次边距，填充。因此，首先删除这些，然后应用
.setMiddle
。您需要将此应用于
h1
或
ul

编辑：将.setMiddle应用于
h1
和
li
它正在工作
 嘿，谢谢你的回答，但是我的代码不起作用。我试着把线的高度导航菜单里，但什么也没有发生。你能给我举个例子说明它是如何与列表一起工作的吗？通过移除徽标上的填充顶部，它已经将位置更改为一路顶部，这不是我想要的，尽管将其设置为中间已经起到了作用。有没有办法不去掉衬垫？我想在.divoh nvm标志上方留出一些空间，它起作用了。我把填充物用在第一个div上，它把这些都包起来了。
.setMiddle
{
  vertical-align:middle;
}