JSFiddle - React, Tailwind, and code Playground

by tsaii

HTML

<html lang="zh-TW">
  <h1>
    「與宏都拉斯斷交是必然！」黃暐瀚揭國際現實面示警：這2國也不安定
  </h1>
  <p class="para">
    陳嬿婷 2023-03-27 10:52
  </p>
  <img src="https://image.cache.storm.mg/styles/smg-800x533-fp-wm/s3/media/image/2023/03/26/20230326-101141_U4040_M839996_0170.jpg?itok=dvmvd2pT">
  <p class=para>宏都拉斯政府日前宣布與台灣斷交，外交部長吳釗燮火速針對斷交事宜召開記者會說明。（資料照，顏麟宇攝）</p>
  <p class="article">中美洲友邦宏都拉斯政府日前宣布與台灣斷交，而台灣目前邦交僅剩13國。對此，資深媒體人黃暐瀚斷言，接下來可能出現台巴（巴拉圭）危機，海地也不穩定，並表示「如果在宏都拉斯與美國之間，必須2選1，斷宏就可以跟美國建交；或是跟宏維持關係，就無法與美國建交，在宏都拉斯與美國之間，你會選擇，哪一國？」
  </p>
  <p class="article">
    黃暐瀚27日於臉書發文，表示在與宏都拉斯斷交之後，中華民國的邦交國，只剩最後13個。他列出目前所剩的13國邦交國，包括貝里斯、瓜地馬拉 加勒比海：海地、聖克里斯多福及尼維斯、聖露西亞、聖文森及格瑞那丁、馬紹爾群島、諾魯、帛琉、吐瓦魯、巴拉圭、史瓦帝尼、梵蒂岡，並指出如果巴拉圭總統參選人艾里格里（Efrain Alegre）下個月當選總統，那麼台巴關係很有可能會出現危機，因艾里格里的政見是與中國大陸建交；另外海地臨接多明尼加，也不安定。
  </p>
  <p class="article">
    黃暐瀚強調「斷交是必然」，他舉例，「如果在宏都拉斯與美國之間，必須2選1。斷宏就可以跟美國建交；或是跟宏維持關係，就無法與美國建交，在宏都拉斯與美國之間，你會選擇，哪一國？」因此為什麼會是「182：13」，答案顯而易見。
  </p>
  <p id="para3">
    相關報導</p>
  <a href="https://www.storm.mg/article/4766680">觀點投書：協和改建吵不休，最瞭解基隆港航安的引水人怎麼說？
    <a href="https://www.storm.mg/article/4767009">菸防法新法上路納管加熱菸　走私數量卻再創歷年同期新高
      <a href="https://www.storm.mg/lifestyle/4509989">下班經濟學】名醫公開全天然便秘救星!不吃藥3招快速排便!

</html>

CSS

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1 {
  text-align: center;
  padding: 10px;
}

.para {
  color: gray;
  font-size: 12px;
  padding-left: 10px;
}

img {
  margin: 20px 100px 5px;
  max-width: 70%;
}

#para3,
.article,
a {
  padding: 5px 10px;
}

a {
  display: block;
  text-decoration: none;
  color: #ADADFF;

}

a:hover {
  text-decoration: underline;
}