Question:

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 <a href="http://www.boyfullofbooks.blogspot.com/" rel="nofollow">here</a>. 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!

Set the h3 style to:

margin-bottom: 0;

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

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

<img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/dsbLc.png" data-original="https://i.stack.imgur.com/dsbLc.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

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

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).