JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<pre>
保固服務適用對象

泰有騰創意科技股份有限公司行銷之消費性電子產品(以Soter Aegis所列產品為準)
保固條款如下：

1. 本公司每個產品均有獨立出廠序號，產品需進行登入才可提供保固，須項寫購買日期，
   提供保固服務，我們會根據您購買時間來計算保固時間

2. 在下列情況下Soter Aegis不在提供保固範圍內。

   (1) 超過產品一年的保固期限。

   (2) 產品保固條款保固服務適用對象
       泰有騰創意科技股份有限公司行銷之消費性電子產品（Soter Aegis所列產品為準）
       保固條款為基準。

   (3) 未經Soter Aegis授權所進行之維修、修改、拆裝。任何連同「商品」提供之消耗
       性產品（如內建電池,SD卡..等）及配件產品（如包裝材、說明書、掛繩等）之損壞
       或遺失。

   (4) 非可歸責於產品材料製造上的瑕疵的損壞如天災、地震、蟲（動物）害、火災．等意外事故造成 
       商品故障損壞。

   (5) 當「Soter Aegis之產品」序號遭到修改、破壞或去除時，本服務保證無效。 

   (6) 人為不當使用／濫用／使用失誤（如液體滲入、受潮等、日曬）、外觀損傷。

4. (1) 保固期間：
       商品本身故障如零件及維修服務費、寄給消費者運費是由Soter Aegis負擔，寄來維修運費由消費者負擔。 
       消費者無法接受維修價格者。

   (2) 過保固：
       如超過免費服務保證期間則消費者必須負擔零件及維修工本費及來回運費。消費者無法接受維修價格者， 
       Soter Aegis得不受理維修。

5. 如有維修，故障「商品」所取下之維修零件其所有權歸屬於Soter Aegis。

6. 若超過保固期或不在保固範圍內，經檢測後不維修則每項產品需酌收檢測工本費。

7. 在Soter Aegis提供服務前，您有責任先將「商品」內置或隨「商品」交付檢測之儲存媒體的資料製作備份。
   Soter Aegis不提供備份之服務。在您產品儲存媒體內的所有各種資料可能因服務或重新格式化而遺失。
   對於儲存媒體內之資料損壞或遺失，或服務期間及其前後因「商品」無法使用啟致直接或間損害，
   Soter Aegis將不負任何責任。在Soter Aegis檢測後，「商品」本身並無任何故障或缺陷，異常現象
   來自於「產品」外接之其它附件、產品、相關或過週邊設備所致時，將不適用於本服務保證。

8. 本保固服務保證僅適用「商品」所含的硬體零件。不包含硬體或軟體使用之技術協助，也不包括「商品」
   內所含之任何操作軟體產品。

9. 本服務保證並不得轉讓。

10. 如需售後服務或有任何疑問，歡迎洽詢Soter Aegis客服諮詢
    客戶服務：03-560-1116。電子郵件信箱：[email protected]
</pre>

CSS

pre {
    font-family: Courier, Monospace, "細明體";
    white-space: pre;
    width: 10em;
    border: 1px solid red;
    overflow: auto;
}