Probleme mit Zeilenabständen

<h3>Überschrift mit <h3></h3>
Zwischen der Überschrift und diesem Text ist kein <br> oder <p> vorhanden und trotzdem ist so ein großer Zeilenabstand vorhanden. <br> Jetzt habe ich ein <br> geschrieben und alles funktioniert. <p>Jetzt habe ich ein <p> geschrieben. Wie man sieht, funktioniert auch das.


Wenn ich jetzt einfach einen Abstand in Wordpress mache, ohne dass ich ein <br> oder <p> schreibe, wird auch Dieser angezeigt, obwohl ich im HTML-Modus arbeite.


<div class="h3">Überschrift mit <div class="h3"></div>
Auch hier gibt es das gleiche Problem. Es nervt mich.


Ich weiß noch immer nicht, was das Problem lösen könnte. Ich kann doch nicht bei jeder Überschrift den Außen- oder Innenabstand definieren. 


<p class="h3">Überschrift mit <p class="h3"></p>
Selbst wenn ich das tun würde: Wieso wird der Zeilenabstand bei der Bearbeitung des Textes mittels HTML angezeigt, obwohl ich kein <br> oder <p> geschrieben habe?

h3 {
        color: #a8a8a8;
        font-family: tahoma;
	font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
}


h3:first-letter{
        font-family: georgia;
        font-size:19px;
        font-weight: normal;
        line-height: 1;
        color: #9ea8bb;
}


.h3 {
	display: block;
        color: #a8a8a8;
        font-family: tahoma;
        font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
}


.h3:first-letter{
	display: block;
        font-family: georgia;
        font-size:19px;
        font-weight: normal;
        line-height: 20px;
        color: #9ea8bb;
}