Всем привет, я новичок в HTML.
нужно нарисовать более красивую рамку. Сейчас рамки выводятся след.образом
<DIV class=FORMAT align=left> </DIV>
<DIV class=FORMAT align=left><Strong><FONT size=1>Черепно-мозговые нервы</DIV></FONT></STRONG>
<DIV style="BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; WIDTH: 11.373cm; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid">
<DIV class=FORMAT align=left> </DIV>
<DIV class=FORMAT align=left><Strong><FONT size=1>Зрачки</DIV></FONT></STRONG>
<DIV style="BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; WIDTH: 10.373cm; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid">
<DIV class=FORMAT align=left> </DIV>
<DIV class=FORMAT align=left>Деформирован слева: <A id=9e7cbf9f-23ec-11ea-b80e-000c29777c07 href="about:">[...]</A></DIV>
<DIV class=FORMAT align=left>форма обычная: <A id=92470875-23ec-11ea-b80e-000c29777c07 href="about:">[...]</A></DIV>
</DIV>
<DIV class=FORMAT align=left> </DIV>
<DIV class=FORMAT align=left><Strong><FONT size=1>Обоняние</DIV></FONT></STRONG>
<DIV style="BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; WIDTH: 10.373cm; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid">
<DIV class=FORMAT align=left> </DIV>
<DIV class=FORMAT align=left>С обеих сторон: <A id=583a2d0e-23ec-11ea-b80e-000c29777c07 href="about:">[...]</A></DIV>
<DIV class=FORMAT align=left>Снижено слева: <A id=4936cf1a-23ec-11ea-b80e-000c29777c07 href="about:">[...]</A></DIV>
<DIV class=FORMAT align=left>Снижено справа: <A id=4936cf19-23ec-11ea-b80e-000c29777c07 href="about:">[...]</A></DIV>
</DIV>
<DIV class=FORMAT align=left> </DIV></DIV>
а нужно сделать так края более округленными, и заголовок для рамки расположить по середине рамки, в данный момент наверху расположен