css - 向下移动带有 border-top 的元素，同时将 border-top 留在原处？

Question

我有一个带有我的 Logo 和导航的垂直标题，由边框分隔。我想保留 Logo 和边框，同时将导航元素向下移动 25 像素。我如何实现这一目标？

header {
    background: none;
    float: left;
    margin-top: 123px;
    margin-left: 22px;
    position: fixed;
    width: 158px; 
}
header logo {
    margin-top: ;

}
header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
}
header nav ul li {
    font-family: dalle;
    padding-left: 55px;
}

<header>
        <logo>
            <a href="#"><img src="img/logo.png" alt="whskytngfxtrt logo" height="139" width="158" /></a></li>
        </logo><!-- end logo -->
        <nav>
            <ul>
                <li id="blog"><a href="#">BLOG</a></li>
                <li id="work"><a href="#">WORK</a></li>
                <li id="about"><a href="#">ABOUT</a></li>
                <li id="contact"><a href="#">CONTACT</a></li>
            </ul>
        </nav><!-- end nav -->
    </header><!-- end header -->

Answer 1

只需将 padding-top:25px 添加到 header nav 即可:

header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
    padding-top:25px;
}