<font style="font-size: 8px;">8px</font>
<font style="font-size: 10px;">10px</font>
<font style="font-size: 14px;">14px</font>
<font style="font-size: 16px;">16px</font>
<font style="font-size: 18px;">18px</font>
<font style="font-size: 24px;">24px</font>
<font style="font-size: 30px;">30px</font>

8px
10px
14px
16px
18px
24px
30px

<font style="font-weight:bold;">太字</font>
<font style="font-style:italic;">斜め</font>
<font style="text-decoration:underline;">下線</font>
<font style="text-decoration:overline;">上線</font>
<font style="text-decoration:line-through;">打ち消し線</font>

太字
斜め
下線
上線
打ち消し線

<p style="border-width: 2px; border-color: #000000; border-style: solid;">色々書いた周りの部分に枠を引いたり</p>
区切り線を点線にしたり
<hr style=" border-color: #000000; border-style: dotted;">
<p style="border-width: 4px; border-color: #666666; border-style: ridge;">ちょっと立体感を付けてみたり</p>
<p style="border-bottom-width: 2px; border-bottom-color: #000000; border-bottom-style: solid;">下だけに線を引いたり色々できます</p>

色々書いた周りの部分に枠を引いたり

区切り線を点線にしたり

---

ちょっと立体感を付けてみたり

下だけに線を引いたり色々できます