はてなブログの caption 同等を手動で

手製でキャプションを付けたい場合、はてなブログと同じスタイルで

4224696333392304878706725602341482782579852840250681098010280137314308584370130707224123599639141511088446087538909603607640194711643596029271983312598737326253555802606991585915229492453904998722256795316982874482472992263901833716778060607011615497886719879858311468870876264597369086722884023654422295243347964480139515349562972087652656069529806499841977448720155612802665404554171717881930324025204312082516817125

フィボナッチ数列の3001番目

とするには、

<figure style="width: 400px;">
<pre style="border: 2px solid red; padding: 10px; white-space: normal; overflow-wrap: break-word;">42246963333923....</pre>
<figcaption style="font-size: 95%; opacity: .7; margin: 0 auto 1.5em; text-align: center;">フィボナッチ数列の2001番目</figcaption>
</figure>

という感じ。style="font-size: 95%; opacity: .7; margin: 0 auto 1.5em; text-align: center;"がキモ。