在CSS中对齐标题

时间:2017-12-26 21:51:56

标签: css

我的标题有问题。也就是说,导航标签位于徽标下方,我不知道如何对齐它。我尝试使用填充调整导航,但这最终无效。

这是我的github的链接:https://github.com/monixm/capstone

CSS:

    html body {
      font-family: 'Work Sans', sans-serif;
      color: DimGrey;
      margin: 0;
      padding: 0 24px;
      width: auto;
    }

    /*
    header {
      height: 64px;
      margin: 10px 24px 10px 24px;
      }
    */

    nav {
      text-align: right;
    }

    nav li {
        justify-content: space-between;
        align-items: center;
        margin: 0 16px 0 0;
        list-style: none;
        display: inline-block;
    }

    p {
      font-size: 14px;
      padding: 8px 0;
    }

    .name1, .name2 {
      font-size: 32px;
      display: flex;
      text-align: center;
      font-weight: lighter;
    }

    .name1 {
      color: DarkGrey;
    }

    .logo {
      display: flex;
      text-align: center;
      margin: 0;
    }

    .imglogo {
      height: 50px;
      margin-top: 20px;
    }

请告知我的错误。

1 个答案:

答案 0 :(得分:0)

将以下风格添加到CSS:

header{
 display: flex;
 align-items: center;
 justify-content: space-between;
}