トップページのヘッダーと記事タイトルの間の余白を短くしたい

お世話になっております。
拝見したところ、使用している見出しに余白（margin）がついていることが原因のようです。この余白はSANGO見出しにもともと設定されているものなのですが、今回のように一番上に配置するときには不自然な余白になってしまいますね。
現在、次のようなHTMLになっていると思います。

<p class="hh hh3 main-bdr" style="text-align: center;"><i class="fa fa-mouse-pointer"></i> おすすめ記事</p>

こちらのstyle="◯◯"にmargin-top: 0を指定するようにすると上の余白が消えます。以下のような形ですね。

<p class="hh hh3 main-bdr" style="text-align: center; margin-top: 0"><i class="fa fa-mouse-pointer"></i> おすすめ記事</p>

よろしくお願いします。