例えば、こんなの↓とか使いやすいかの。
赤い『■』を四隅に配置で、『center』『right』『left』を全部使ってみるんよ。

◆ ◆ ◆ ◆ ◆

<div align="left"><font color="red">■</font></div><div align="right"><font color="red">■</font></div><div align="center">新作書きました

<book id="作品番号">俺様吸血鬼先生と小悪魔ヲタク彼女</book>

読んでー</div><div align="left"><font color="red">■</font></div><div align="right"><font color="red">■</font></div>

コレ↑のタグを抜くとコンナ↓感じ。

◆ ◆ ◆ ◆ ◆


                ■

     新作書きました

俺様吸血鬼先生と小悪魔ヲタク彼女

       読んでー


                ■

◆ ◆ ◆ ◆ ◆

『■』が一行ズレるのは仕様だべ。
して、分かりやすいかと思ってタグを全部付けたんだけども、文字数的にアレだら『<div align="left">』を外したコレ↓でも大丈夫。

<font color="red">■</font><div align="right"><font color="red">■</font></div><div align="center">新作書きました

俺様吸血鬼先生と小悪魔ヲタク彼女

読んでー</div><font color="red">■</font><div align="right"><font color="red">■</font></div>

表示された感じは変わらん、でもパソコンからはどうだべな?
『<div align="left">』にくっ付いとる改行が反映されるかどうかは自分で見るべ。
てか、この辺りを基本にナンボでもイジくり回せるべよ。

まだ続くー。