JSFiddle - React, Tailwind, and code Playground
by Ukjin Yang
HTML
<div class="WordSection1">
<div class="header" style='border:solid #B4C6E7 1.0pt;
height:21.0pt'>
<p class="MsoNormal" style='margin-top:4.0pt;margin-right:0cm;margin-bottom:
4.0pt;margin-left:0cm;line-height:normal'><b><span lang="EN-US" style='font-size:11.0pt;font-family:"Arial Rounded MT Bold",sans-serif;
color:#4472C4'>General</span></b></p>
</div>
<div class="content">
<table class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0" width="100%" style='width:100%;border-collapse:collapse;border:none'><tr>
<td width="100%" valign="top" style='width:100.0%;border:solid #B4C6E7 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt'>
<p class="MsoNormal" style='margin-top:4.0pt;margin-right:0cm;margin-bottom:
4.0pt;margin-left:0cm;line-height:normal'><span lang="EN-US" style='font-family:
굴림'>LDF Editor </span><span style='font-family:굴림'>프로그램을 설치하기 위한 시스템의 요구 사항은 아래와
같습니다<span lang="EN-US">.</span></span></p>
<p class="MsoNormal" style='margin-top:4.0pt;margin-right:0cm;margin-bottom:
4.0pt;margin-left:20.0pt;text-indent:-20.0pt;line-height:normal;text-autospace:
ideograph-numeric ideograph-other;word-break:keep-all'><span lang="EN-US" style='font-family:Wingdings'>n<span style='font:7.0pt "Times New Roman"'>
</span></span><span style='font-family:굴림'>운영 체제<span lang="EN-US">: Microsoft
Windows 7 OS or higher</span></span></p>
<p class="MsoNormal" style='margin-top:4.0pt;margin-right:0cm;margin-bottom:
4.0pt;margin-left:20.0pt;text-indent:-20.0pt;line-height:normal;text-autospace:
ideograph-numeric ideograph-other;word-break:keep-all'><span lang="EN-US" style='font-family:Wingdings'>n<span style='font:7.0pt "Times New Roman"'>
</span></span><span lang="EN-US" style='font-family:굴림'>CPU: 2GHz </span><span style='font-family:굴림'>이상의<span lang="EN-US"> 32</span>비트<span lang="EN-US">(x86)
</span>또는<span lang="EN-US"> 64</span>비트<span lang="EN-US">(x64) </span>프로세서</span></p>
<p class="MsoNormal"...CSS
html,body{margin:0;padding:0;}
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:바탕;
panose-1:2 3 6 0 0 1 1 1 1 1;}
@font-face
{font-family:굴림;
panose-1:2 11 6 0 0 1 1 1 1 1;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:"맑은 고딕";
panose-1:2 11 5 3 2 0 0 2 0 4;}
@font-face
{font-family:"Arial Rounded MT Bold";
panose-1:2 15 7 4 3 5 4 3 2 4;}
@font-face
{font-family:"\@굴림";
panose-1:2 11 6 0 0 1 1 1 1 1;}
@font-face
{font-family:"\@맑은 고딕";}
@font-face
{font-family:"\@바탕";
panose-1:2 3 6 0 0 1 1 1 1 1;}
/* Style Definitions */
.header{
padding:0.104in;
background: linear-gradient(180deg, #FFFFFF, #B4C6E7);
margin-bottom: 0.104in;
border-bottom: 0.01in;
}
.content {
box-sizing:border-box;
margin: 0 1em;
}
#topic_header{
padding: 0.104in;
background: linear-gradient(180deg, #FFFFFF, #B4C6E7);
margin-bottom: 0.104in;
}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-top:0cm;
margin-right:0cm;
margin-bottom:8.0pt;
margin-left:0cm;
text-align:justify;
text-justify:inter-ideograph;
line-height:107%;
text-autospace:none;
word-break:break-hangul;
font-size:10.0pt;
font-family:"맑은 고딕";}
h1
{mso-style-link:"제목 1 Char";
margin-top:3.0pt;
margin-right:11.0pt;
margin-bottom:0cm;
margin-left:0cm;
page-break-after:avoid;
font-size:16.0pt;
font-family:굴림;
font-weight:bold;}
h2
{mso-style-link:"제목 2 Char";
margin-top:4.0pt;
margin-right:11.0pt;
margin-bottom:4.0pt;
margin-left:0cm;
page-break-after:avoid;
font-size:16.0pt;
font-family:굴림;
color:#002060;
font-weight:bold;}
h3
{mso-style-link:"제목 3 Char";
margin-top:0cm;
margin-right:11.0pt;
margin-bottom:4.0pt;
margin-left:20.0pt;
text-indent:-20.0pt;
page-break-after:avoid;
font-size:16.0pt;
font-family:굴림;
color:#002060;
font-weight:bold;}
p.MsoBodyText, li.MsoBodyText, div.MsoBodyText
{mso-style-link:"본문...