Заголовок перекрытия заголовка Заголовок сообщения

Question

Итак, я переместил заголовок даты ниже моего заголовка сообщения в Blogger, а в самом новом сообщении дата держит перекрытие заголовка. Если я использую margin или padding, это влияет на другие заголовки даты, поэтому я не совсем уверен, что делать. Блог - here. Вот только код, который я могу думать, чтобы быть релевантным (где h3 является пост название):

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

НУКЕ ЭТО !!!!!!!

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

EDIT: Первоначальный вопрос состоял в том, как предотвратить совпадение даты и заголовка. Это было быстрое и грязное исправление, обнаруженное с помощью инструментов разработчика (по этой причине настоятельно рекомендуется использовать хром).

Answer 3

Ваша проблема в вашем html ... Вы не закрываете один или два тега div в вашем первом сообщении.

Каждый .post-outer должен быть на том же уровне.