Как уменьшить отступы из нескольких тегов заголовков один за другим?

Question

Я хочу уменьшить отступ между продолжением тега заголовка. Например: у меня есть тег заголовка с заполнением H1- 30px, H2- 28px, H3- 25px, H4- 22px, H5- 20px, H6- 18px

h2.Hello H2
h3.Hello H3  ----- here it h2 has 28px and h3 has 25px (28+25=53), total 53px is getting padded in between two tag.  instead i need to pad height of two tag padding value i.e., 28px   
<p>Welcome </p>
h2.Hello H2
h2.Hello H2   ----- here it h2 has 28px and h2 has 28px (28+28=56), total 56px is getting padded in between two tag.  instead i need to pad value i.e., 28px 
<p>Welcome </p>
h4.Hello H4 
H5.Hello H5   ----- here it h4 has 22px and h2 has 20px (22+20=42), total 42px is getting padded in between two tag.instead i need to pad height of two tag padding value i.e., 22px   
<p>Welcome </p>

Резюме: когда у нас есть тег заголовка один после другим требуется logi c, чтобы иметь значение, которое является самым высоким среди двух тегов в CSS.

Answer 1

Вы можете использовать CSS и уменьшить отступы и отрегулировать так, как хотите.

CSS

.examplePadding{
padding-bottom: 50px
padding-top: 50px;
padding-left:50px;
padding-right:50px;
}