Probleme bei HTML/CSS/PHP Programmierung auf einer Seite

Hallo Leute,
wann immer ich in Wordpress eine neue Seite erstell und in dieser html, css oder php benutze (mit php plugin) wird mir der Code zwar richtig angezeigt, doch wird über dem reinprogrammierten haufenweiße Platz verschwendet. Sieht einfach nicht gut aus. Ich weiß jetzt nicht genau wo das Problem liegt, ob am Code oder an Wordpress selbst, aber ich denke eigentlich eher an Wordpress. Zumindest ist dieser Freiraum immer obendran wenn ich Code programmier. Habt ihr ne Idee dazu?

Hier mal ein Bild dazu:
http://davidfiebig.de/upload/arg.png
Und hier ein Code bei dem das Problem auftritt:
http://pastebin.com/DHxduqxk

Grüße

 

Der Inspektor zeigt mir an den stellen einfach nur ein p an. Was kann des bedeuten?

 

die paar <p>-tags die im code waren habe ich bereits entfernt. Problem besteht weiterhin. Zeigt im Browser Inspektor auch immernoch an den Stellen einfach nur ein p.

 

Problem ist gelöst!
Problem ist doch relativ bekannt, ich habe nur an den falschen Ecken gesucht. Wordpress hat eine Autoformatierung, welche p-tags und br-tags automatisch hinzufügt. Es gibt aber genügend plugins, welche dieses "Feature" abschalten!

Thread kann geschlossen werden!