div内のテキストとiframeの間の間隔

Question

時には私はちょっと「OCD」なので、これは本当に私を悩ましています。

http://music.george-b.co.uk私が取り組んでいるサイトです。

私は2つのdivを持っています。どちらもテキスト（色と同じにフォーマットされたもの）とiframeを含んでいます。問題は、2番目のdivsテキストが他のdivよりもiframeの上位に表示されることです。一つのテキストは、H1およびそれらが他のH5あるが

ディビジョン1（通常間隔）

<div class="omot"> 
    <h1>One Mic One Take</h1> 
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/287376712&amp;color=00cc11&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe> 
    </div> 

ディビジョン2（不正間隔）

<div class="xprtd"> 
    <h5>XPORTED</h5> 
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/295617923&amp;color=ff0000&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe> 
    </div> 

2つのdivのコードはこれですcss（format color）と同様にフォーマットされています。私は本当に間隔を同じにしたいと思います。誰かが私がこの小さな問題を解決する手助けをすることができれば、本当に迷惑な問題であると私は非常に感謝しています。

おかげ

Answer 1

テキスト（h5）の第2のブロックは、最初の（h1）とは異なるマージン値を有しています。 h1は0.67emの前後にマージンがあり、h5は1.67emの前後にマージンがあります。これを調べるには、ブラウザの開発ツールを使用して要素を調べます。

解決策の1つは、マージンが同じになるように手動でCSS規則を追加することです。またはh5をh1に変更するか、またはその逆に変更します。

Answer 2

あなたのCSSもチェックする必要があります。問題があるかもしれません。それにもかかわらず、あなたはmargin-top:<<a negative value here>> EXを使用してみてください：margin-top:-15px; はH1年代にそのフィードバック