css yardım lazım

siyahlı gördüğünüz benim yaptığım
alttakide yapmaya çalıştığım
font umrumda değil sadece şablon olarak benzetmeye çalışıyorum fakat takıldığım bir nokta var nesneleri birbirine nasıl yaklaştırabilirim? amacım h1, p ve button etiketlerini alttaki yapmaya çalıştığım resimdeki gibi birbirine yaklaştırmak margin padding ile elle yaklaştırma dışında başka yol varmı?

transform x ve y kullanabilirsiniz

Hocam sorduğunuz soru kalem dışında yazı yazmak için başka bişey var mı gibi Margin ve padding aradaki mesafeyi ayarlamak için kullanılır ihtiyacınız olanda bu

en dış div'de line-height'i oynatırsanız boşluğu kısabilirsiniz. display:flex ile de yatay ve dikeyde ortalayabilrsiniz.

display: flex;
justify-content: center;;
align-items: center;