日期 header 重叠 Post 标题

Question

所以我将日期 header 移到我在 Blogger 上的 post 标题下方，并且在最新的 post 上，日期与 header 重叠。如果我使用边距或填充，它会影响其他日期 headers 所以我不太确定该怎么做。博客是here。这是我认为相关的唯一代码（其中 h3 是 post 标题）：

h3 {
text-align: center !important;
}

h3 a{
color: #424242;
transition: 0.5s ease;
}

h3 a:hover {
color: #58c5d2;
}

.date-header {
text-align: center !important;
float: below;
}

.date-header span {
letter-spacing: 10px !important;
}

h2 {
text-align: center !important;
}

.date-posts {
margin-top: 40px;
}

h3 {
margin-bottom: -25px !important;
}

提前感谢您的帮助！

Answer 1

将 h3 样式设置为：

margin-bottom: 0;

由于负边距，日期被拉入标题。

Answer 2

NUKE IT!!!!!!!

h3 {
  /* margin-bottom: -25px !important; */
}

编辑：最初的问题是，如何防止日期和 header 重叠。这是使用开发人员工具找到的快速而肮脏的修复程序（出于这个原因强烈推荐 chrome）。

Answer 3

您的问题出在您的 html...您没有关闭第一个 post.[=12= 中的一两个 html div 标签]

每个 .post-outer 应该处于同一级别。

日期 header 重叠 Post 标题

Date header overlapping Post title

html

css

date

templates

blogger