html - 我不能使用 float + h3 太宽

Question

Link to site

/*Align width 1170px*/
.align-1170{
    height: 100%;
    width: 1170px;
    margin: 0 auto;
}

/*Align vertically*/
.align-vertically{
    height: 100%;
    display: table;
}



/*Header*/

header{
    height: 60px;
    width: 100%;
    background-color: #1ccb56;

}

.logo{
    display: table-cell;
    vertical-align: middle;
}

.author{
    float: right;
    display: table-cell;
    vertical-align: middle;
}

1. 为什么我不能使用 float:right;将“作者:projekcior.com”移动到右侧(垂直对齐)？
2. 为什么我的 h3 标签这么宽？ (650 像素)

谢谢!

Answer 1

float 的元素是自动

display: block;

use

h3 { display:inline-block; }

管理您的 h3 宽度。