JSFiddle - React, Tailwind, and code Playground

by lilysirius

HTML

<p class="multiTrans ml20 printArea">
  <div class="word_head manyLang11"><span class="zho">越南</span></div>
  <hr />
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://베트남">베트남</a> <span class="latin">beteunam</span></span> 
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://월남2">월남2</a> <span class="latin">beteunam</span></span>
</p>

<p class="multiTrans ml20 printArea">
  <div class="word_head manyLang11"><span class="hj">越南</span></div>
  <hr />
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://월남1">월남1</a> <span class="latin">wolnam</span></span> 
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://월남2">월남2</a> <span class="latin">wolnam</span></span>
</p>

<p class="multiTrans ml20 printArea">
  <div class="word_head manyLang7"><span class="jpn">えつなん【越南】</span></div>
  <hr />
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://월남1">월남1</a> <span class="latin">wolnam</span></span> 
  <span class="hgglhh_16"><a class="tiaozhuan" href="entry://월남2">월남2</a> <span class="latin">wolnam</span></span>
</p>

CSS

/*
国立国语院韩国语-汉语学习词典
九月十六日
从 https://forum.freemdict.com/t/topic/8231 知晓
来源：https://krdict.korean.go.kr/chn/ 
讨论：https://forum.freemdict.com/t/topic/8355

2023/5/14 @竹城的梦：增加了英蒙日部分，其余部分略有删减
*/

@font-face {
  font-family: "MARU Buri Beta";
  src: url("fonts/MARUBuriBetaR.woff");
}

@font-face {
  font-family: remixicon;
  src: url("fonts/remixicon.woff");
  font-display: swap;
}
@font-face {font-family: 'Tahoma'; src: local('Tahoma'), url('/tahoma.ttf');}
@font-face {font-family: 'Noto Serif JP'; src: local('Noto Serif JP'), url('/NotoSerifJP-Regular.otf');}



.hgglhh_16 .fayin {
  /* 显示发音与否 */
  /* [뜯끼다 🔊 ] */
  /* 默认显示，如果想要不显示，只需要 将 inline 改成 none */
  /* 不用加引号 */
  display: inline;
}

.hgglhh_16 .fayin .ri-volume-up-fill {
  /* 发音按钮 🔊 */
  /*display: none;*/
}
a
.hgglhh_16 {
  /* 字体大小 */
  font-size: 16px;
  /* 韩文字体 */
  font-family: MARU Buri Beta;
}

.hgglhh_16 [lang="zh"] {
  /* 中文字体 STSong*/
  font-family: SimSun;
}

.hgglhh_16 .chi_info {
  font-family: SimSun;
}

.hgglhh_16 p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.hgglhh_16 ul {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-padding-start: 2.5em;
  padding-inline-start: 2.5em;
}

.hgglhh_16 .senseDefNo {
  /* 韩语释义序号 */
  display: none;
}

.hgglhh_16 .sound {
  /* 发音链接 */
  text-decoration: none;
}

.hgglhh_16 .sound .blind {
  display: none;
}

.hgglhh_16 .head_tit.group,
.hgglhh_16 .head_tit.group > div,
.hgglhh_16 .word_head_box,
.hgglhh_16 .word_head_box dl,
.hgglhh_16 .word_head_box dt,
.hgglhh_16 .word_head_box dd {
  /* 调整词头排版成一排 */
  display: inline;
}

.hgglhh_16 .word_head {
  /* 词头 */
  font-weight: 600;
  font-size: 1.5em;
}

.hgglhh_16 .word_head_box dl {
  margin-left: 1em;
}

.hgglhh_16 .word_head_box dd {
  margin-left: 0;
}

.hgglhh_16 .word_head_box dt.manyLang11 {
  /* 隐藏：发音 词类 */
  display: none;
}

.hgglhh_16 .word_head_box .word_att_type1 {
  color: rgb(152, 22, 22);
}

.hgglhh_16 .multiTrans {
  /* 打头的中文释义 */
  font-weight: 600;
  margin-left: 0.25em;
  margin-top: 0;
 ...