Bunu Nasıl Yapabiliriz?

Merhaba arkadaşlar bazı bloglar h2,h3,h4 başlıklarını aşağıda ki şekilde yapıyorlar. Bunu nasıl yapabiliriz eklentisi var mı?
https://prnt.sc/z8ufsz

.h3 {
    background: #27ae60;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 7px;
}

şöyle bir şey yaptım fakat sitedeki tüm h3 alanları değişti ben sadece yazı içindeki kısmın değişmesini istiyorum nasıl yapabilirim.

Css ile yapılabilir eklentiye gerek yok bence

.h3 {
    background: #27ae60;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 7px;
}

şöyle bir şey yaptım fakat sitedeki tüm h3 alanları değişti ben sadece yazı içindeki kısmın değişmesini istiyorum nasıl yapabilirim.

Merhaba direkt olarak h2 ye style vermek istiyorsan .h2 değil de h2{} olarak vermelisin.

hocam h2 yaptığımda istediğim gibi oluyor ama sitedeki tüm h2 alanlarını yapıyor. Ben sadece yazı içindeki h2 alanlarını böyle yapmak istiyorum.

Bu kodun temadaki h3 etiketiyle baglantılı olmama durumu olabilir mi? başka bir yerde veya yukarlarda h3 kodu varsa onu bir kontrol et normalde dediğini bu kodla çok kolaylıkla yapabilirsin.

hocam bunu çözdüm oluyor ama bu seferde sitedeki tüm h3 başlıkları böyle oluyor ben sadece yazı içindeki h3'leri böyle yapmak istiyorum.

Onların bulunduğu divi bulup o dive vermen lazım. Örneğin: .yazi h2{}

<h2 class="baslik">h2 başlık</h2>

h2.baslik {}

Şeklinde kullanabilirsiniz