このブログはプログラム関係のことも書くのでソースコードを書くことが多いのだが、ソースコードやターミナル上に出るメッセージは囲んでわかるようにしている。
このように囲むには、はてなブログではhtml編集モードに移り、次のように記述する。
<p style="border: dashed 1px; background-color: #e6e6e6;">
hoge<br />
foo <br>
</p>
これを出力すると次のようになる。
hoge
foo
補足(2017.12.22):わざわざこうしなくてもMarkdownで書いた方がよい。