はてなブログの Markdown で span を使ってリンク付き文章を右寄せにする
別記事を書いていて分からなくなって、あれこれ調べたので備忘録。
はてなブログでMarkdownを使ってリンク有りの文章を右寄せしようと<div>
を使って
<div align="right">[Google](https://google.com)様様</div>
のように書くと
[Google](https://google.com)様様
こんな感じにうまくいかないので対処法を考えた。
<span style="display: block; text-align: right;">[Google](https://google.com)様様</span>
こう書けば、Google様様このように、リンク有りの文章がうまく反映される。
ただし、あくまでもdisplay: block
なので<span>~~</span>
部分だけがブロックとして右寄せになるということを忘れないように。