Date header overlapping Post title

问题

So I moved the date header below my post title on Blogger, and on the newest post the date keeps overlapping the header. If I use margin or padding, it affects the other date headers so I'm not quite sure what to do. The blog is here. Here is the only code I can think to be relevant (where h3 is post title):

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;
}

Thank you in advance for any help!

回答1:

Set the h3 style to:

margin-bottom: 0;

The date is being pulled into the title because of the negative margin.

回答2:

Your problem is in your html... You're not closing one or two html div tags in your first post.

Every .post-outer should be at the same level.

回答3:

NUKE IT!!!!!!!

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

EDIT: The original question was, how can I prevent the date and the header from overlapping. This was the quick and dirty fix found by using developer tools (highly recommend chrome for this reason).

来源：https://stackoverflow.com/questions/30656359/date-header-overlapping-post-title