Html css中的垂直定心

我正试图将div中包含的一些文本垂直居中于另一个div中。就我而言，我无法让它工作

是代码的JSFIDLE。我希望两段文本垂直居中于页面顶部和div底部（即底部边框）之间

.logo1{
字体系列：Helvetica；
字体大小：36px；
字母间距：-0.05em；
文本对齐：左对齐；
显示：内联块；
宽度：525px；
}
.橙色{
颜色：#e68217；
字体大小：粗体；
}
.导航{
颜色：黑色；
字体系列：Helvetica；
字号：18px；
字体大小：粗体；
字母间距：-0.05em；
文本对齐：右对齐；
宽度：300px；
显示：内联块；
}
处长{
保证金：自动；
宽度：850px；
高度：100px；
边框底部：3px实心#中交；
}

福巴
|
|

使用以下CSS代码：

.nav {
    color: black;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: bold; 
    letter-spacing: -0.05em;
    text-align: right;
    display: inline-block;
    vertical-align:middle;
    width: 300px;
    padding-top:38px;
}

---

您想垂直对齐的是什么？可能是的重复项您想垂直对齐

logo1

和

nav

并在同一方向对齐吗？请您具体一点好吗？IDS、类和/或需要定心的实际文本？我试图把文本放在包含的div的中间。如果查看JSFIDLE，您可以看到div上有一个底部边框，顶部位于文档顶部。我希望文本在那个空间的中间。更具体地说，我希望“LoGo1”和“Nav”div位于页面顶部和底部边框之间的中间。