(はてなブログ) 次の記事／前の記事 をはっきりさせる

個別記事の一番下に、次の記事、前の記事へのリンクが表示されていますが、右と左に記事タイトルが表示されているだけで 、どちらが次の記事でどちらが前の記事かわかりません。

今回、見栄えはよくありませんが、次の記事／前の記事がわかるように注意書きを追加してみました。

先ず、htmlの記述。

ブログのダッシュボード(管理ページ)のメニューから、
デザイン　＞　カスタマイズ(スパナマーク)　＞　記事　＞　記事下HTML

コードが記入できるテキストボックスが開くので、そこに以下の下から３行を追加しました。

<p>◆～～～～～～～◆</p>
<iframe src="https://blog.hatena.ne.jp/～～～" 
allowtransparency="true" frameborder="0" 
scrolling="no" width="150" height="28"></iframe>
<p>◆～～～～～～～◆</p>
<p>　　</p>
<div class="tomorrow-yesterday">
<p> ←←←←←← 次の記事   ///   前の記事→→→→→→</p>
</div>

次にCSSの記述。

ブログのダッシュボード(管理ページ)のメニューから、
デザイン　＞　カスタマイズ(スパナマーク)　＞　デザインCSS

以下のコードを追加しました。

/* 2022/05/19 記事下HTML用 */

div.tomorrow-yesterday {
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
}

実際の記事ページへのリンクとの距離が離れているのがいま一つです。
「コメントを書く」の下に表示できればよいのですが・・・