Html 填充工作不正常？

。侧栏{
背景色：红色；
}
@介质（最小宽度：768px）{
.侧栏{
z指数：10；
位置：absalute；
宽度：220px；
填充顶部：60px；
身高：100%；
排名：0；
位置：固定；
}
}
@介质（最小宽度：768px）{
.左上角{
宽度：220px；
位置：固定；
z指数：11；
排名：0；
}
}
/*---------------左上部分从这里开始------------*/
.左上角{
宽度：220px；
浮动：左；
背景色：#ffffff；
}
.左上角图像{
浮动：左；
高度：50px；
宽度：50px；
左侧填充：1.3倍；
右边填充：10px；
填充顶部：10px；
}
.左上角文本{
填充顶部：300px；
字体大小：30px；
/*浮动：对*/
/*左边距：10px*/
}
.文本管理员{
/*左侧填充：20px*/
}
/*---------------左上角部分在这里结束-----------------*/

精英
管理

添加

显示：内联块

.left-top-text {
    display: inline-block;/*add this property;*/
    font-size: 30px;
    padding-top: 300px;
}

。侧栏{
背景色：红色；
}
@介质（最小宽度：768px）{
.侧栏{
z指数：10；
位置：absalute；
宽度：220px；
填充顶部：60px；
身高：100%；
排名：0；
位置：固定；
}
}
@介质（最小宽度：768px）{
.左上角{
宽度：220px；
位置：固定；
z指数：11；
排名：0；
}
}
/*---------------左上部分从这里开始------------*/
.左上角{
宽度：220px；
浮动：左；
背景色：#ffffff；
}
.左上角图像{
浮动：左；
高度：50px；
宽度：50px；
左侧填充：1.3倍；
右边填充：10px；
填充顶部：10px；
}
.左上角文本{
填充顶部：300px；
字体大小：30px；
显示：块；
浮动：左；
/*浮动：对*/
/*左边距：10px*/
}
.文本管理员{
/*左侧填充：20px*/
}
/*---------------左上角部分在这里结束-----------------*/

精英
管理

因为

是一个内联元素，所以不会应用顶部和底部填充

如果添加

显示：内联块填充将像在块元素上一样应用，而不从文本流中删除该元素

阅读本文以获取更多信息：
可能使用
浮动：左

 .left-top-text{
      float:left;
      background:red;
        padding-top:300px;
        font-size: 30px;
    }

我知道答案了