次のテキストを html と css で再作成したい:
これまでのところ、css なしで、html で書きました。
<p><b>noun</b></p>
<p>1. an optical instrument, often attached to the eyepiece of a microscope, by which
the image of an external object is projected on a sheet of paper or
the like for tracing.</p>
1しかし、元の画像のように残りのテキストを分割するにはどうすればよいですか?