html - 如何更改从顶部到列中文本的距离？

Question

我正在开发一个 HTML 网站，我需要在其中制作 3 个垂直栏、一个水平标题和一个页脚。但是，当我在 header/footer 中写一些东西时，文本不适合该列。

我制作了一个带有 stylesheet.css 的 HTML 文档。

.title{
border-radius: 8px;
border-collapse: collapse;
border: 2px solid black;
float: left;
height: 15px;
padding-top:5px;
padding-bottom: 33px;
margin-left: 20px;
margin-bottom: 10px;
margin-top: 5px;
width: 95%;
}

<div class="rowTop">
  <div class="columnTop">
    <div class="title">
      <h2>Header</h2>
    </div>
  </div>

我希望从顶部到文本的距离需要变小，但是当我更改 px 时，它们不会变小。

Answer 1

你忘了在你的样式表中引用你的类名

.rowTop{
  border-radius: 8px;
  border-collapse: collapse;
  border: 2px solid black;
  float: left;
  height: 15px;
  padding-top:5px;
  padding-bottom: 33px;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 95%;
}

<div class="rowTop">
  <div class="columnTop">
    <div class="title">
      <h2>Header</h2>
    </div>
</div>