JSFiddle - React, Tailwind, and code Playground

HTML

<h1>臺北市政府公報（112年度）</h1>
<table  width="1000px">
<p><b>詮釋資料</b></p>
<tr>
<th colspan="">資料集描述</th>
<td>112年臺北市政府公報</td>
</tr>
<tr>
<th>主題分類</th>
<td>資訊</td>
</tr>
<tr>
<th>資料集提供機關</th>
<td>秘書處</td>
</tr>
<tr>
<th>資料授權開</th>
<td>公開</td>
</tr>
<tr>
<th>協辦機關</th>
<td>臺北市政府</td>
</tr>
<tr>
<th>出版年月</th>
<td>2023-01</td>
</tr>
<tr>
<th>出版品類別</th>
<td>連續性出版品(期刊)</td>
</tr>
<tr>
<th>書籍類別</th>
<td>公報／年報／年鑑</td>
</tr>
<tr>
<th>出版品概述</th>
<td>112年臺北市政府公報</td>
</tr>
<tr>
<th>出版品統一編號(GPN)</th>
<td>2005600017</td>
</tr>
<tr>
<th>相關國際編號</th>
<td>ISSN18136389</td>
</tr>
<tr>
<th>語言別</th>
<td>中文</td>
</tr>
<tr>
<th>授權資訊</th>
<td>無販售</td>
</tr>
<tr>
<th>電子書或相關網址</th>
<td><a href="https://gazette.gov.taipei">https://gazette.gov.taipei</a></td>
</tr>
<tr>
<th>更新頻率</th>
<td>每工作日</td>
</tr>
<tr>
<th>詮釋資料更新時間</th>
<td>2023-01-19 16:09:22</td>
</tr>
<tr>
<th>機關聯絡人</th>
<td>楊麗瓊</td>
</tr>
<tr>
<th>機關聯絡人電話</th>
<td>02-27208889#6131</td>
</tr>
<tr>
<th>機關聯絡人電子郵件</th>
<td>aa-mmcc@gov.taipei</td>
</tr>
<tr>
<th>備註</th>
<td>本書著作權屬臺北市政府秘書處所有，不得為營利目的使用，如欲利用請洽臺北市政府秘書處機要組楊股長麗瓊，電話：02-2725-6131，地址：臺北市市府路1號11樓。</td>
</tr>
<tr>
<th>建立時間</th>
<td>2022-12-30 16:25:59</td>
</tr>
</table>

CSS

th{
background-color: #00DBDB;
color: #FAFAFA;
width: 40em;
min-width: 100px;
padding: 5px;
text-align: right;
font-family: 微軟正黑體,sans-serif;
}
td{
width: 100em;
min-width: 250px;
padding: 5px;
font-family: 微軟正黑體,sans-serif;
background-color: #FAFAFA;
}