JSFiddle - React, Tailwind, and code Playground

by a22177861

HTML

<table class="table" style="margin-top:4px; border: 1px solid black; margin: auto; ">
   <tr style="background-color:#89cff0">
     <th style="color:#1e3f66;padding-top:8px;padding-bottom:8px">自簽憑證管理系統</th>
   </tr>

   <tr>
     <td>
       <p style="text-align:center;margin-top:10px;font-size:1.1em">
         <b>提醒您：<br>您所使用的憑證 <u>111.cotabank.com</u> 即將於一個月內到期！</b>
       </p>
       <p style="margin:0px 12px 0px 12px">
         請盡速至憑證管理系統的「申請新憑證」頁面重新進行申請，並為您的應用程式替換新憑證。（提出申請後，舊憑證將自動停用）
       </p>
       <p style="margin:8px 12px 0px 12px">
         ※您可能使用到此憑證的應用程式：<br>123系統 456系統 789系統 000系統
       </p>
       <p style="border:1px solid #0071a6;margin:15px 12px 12px 12px;padding:7px 7px 7px 7px;color:#006a9c">
         ※此通知發送給所有曾下載此憑證的同仁。若您發現已有同仁先行申請，請直接申請「下載」即可，不需再重複申請「新憑證」。<br>（若尚未有人申請，系統中此憑證的狀態會顯示為：即將到期）
       </p>
     </td>
   </tr>
   <tr>
     <td style="text-align:center;border:1px solid #d4d4d4">前往【<a href="#" onclick="javascript: window.external.Visit('http://192.168.253.171/CertGenerator/'); return false;">自簽憑證管理系統</a>】</td>
   </tr>

 </table>