JSFiddle - React, Tailwind, and code Playground

by liang10000

HTML

<!DOCTYPE html>
<html>

  <bodY>
    <h2><b>「韓國人來台灣玩，最夯伴手禮是統一滿漢大餐！」<br>熊津食品總經理：以速食麵、茶飲搶進東北亞</b></h2>

    <p><a  style=color:red href="https://www.storm.mg/authors/49552/%E4%B8%AD%E5%A4%AE%E7%A4%BE" target="_blank">中央社</a> 2023-08-05 11:09 3323 人氣</p>

    <img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2023/08/05/20230805-110252_U13100_M877610_37f0.jpg?itok=LHZYxfiN">
    <p class="ex">韓國熊津食品被統一集團購併後，開始發揮整合效益（圖片來源：熊津食品instagram)</p>

    <div class="in">
    
      <p>統一集團併購韓國熊津食品，開拓東北亞市場，以台灣長銷型的速食麵、茶飲「登韓」，並將熊津具韓國代表性的人蔘飲料藉由集團通路帶進台灣，開啟統一集團「亞洲流通大平台」第一步。</p>
      
      <p>統一集團於2019年以新台幣70餘億元完成併購韓國飲料、甜食製造公司熊津食品，事業版圖首度延伸到東北亞。外界好奇，當時在多個買家間，熊津為何選擇統一集團。</p><br>

      <p><b>熊津食品總經理李芷浩今天首度接受外媒訪問表示，統一集團旗下擁有強大的通路體系，產品面更涵蓋多面性，是主要關鍵；同時，在產品、市場上都有合作的空間。</b></p>
      
    </div>


    <img src="https://image.cache.storm.mg/styles/smg-800xauto-er/s3/media/image/2023/08/05/20230805-110252_U13100_M877608_cc55.jpg?itok=1d_eBH2K">

    <p class="ex">韓國熊津食品被統一集團購併後，開始發揮整合效益（圖片來源：熊津食品instagram）</p>

    <h3><strong>整合統一集團通路資源，發揮空間更大</strong></h3>
    
    <div class="in">
      <p>李芷浩開玩笑地說，「以前寫了好幾封email給台灣的統一超商，期望有合作的機會，沒有一次獲得回應；自從與統一企業正式合作後，後續只要一有問題寫email，都能立即獲得回應，有了前所未有的待遇。」</p>
      <p>從韓國飲料廠的角度觀察台、韓兩地消費者，李芷浩觀察，<b>相對而言，韓國消費者更願意嚐鮮，一有新的產品都喜歡買來試試；但換個角度看，忠誠度就沒有台灣高。</b></p>

      <p>在飲品部分，他分析，台灣人喜歡喝茶葉類飲品，例如烏龍茶或紅茶；而韓國人則偏好穀物茶，如大麥茶、玉米鬚茶等，熊津的大麥茶在韓國市占率達35%，穩居龍頭。隨着兩國之間的文化交流日益活躍，市場趨勢也呈現出相似的發展趨勢，未來將有更多產品透過統一亞洲大平台流通。</p>

      <p>統一與熊津在產品、通路上的合作，為統一集團「亞大流通大平台」戰略開啟新的篇章。李芷浩表示，去年2月引進台灣市占領先的「滿漢大餐」速食麵，每碗價格約4800韓元，折合新台幣約117元，是台灣售價的2倍左右；初期階段就有不錯的表現，接下來會引進茶飲料相關產品。</p>
      
      <p>在台灣市場部分，熊津的巧克力、紅蔘飲、冰淇淋、QQ糖等，都已陸續在7-11等通路上架銷售。</p>

    </div>

    <p class="look">為何會選擇「滿漢大餐」為銷往韓國的主打星，統一發言人凃忠正透露，主要是發現這產品是韓國人來台灣最愛的伴手禮之一。</p>

    <img src="https://image.cache.storm.mg/styles/smg-800xauto-er/s3/media/image/2023/08/05/20230805-110252_U13100_M877609_1424.jpg?itok=VA8cZvq-">
    
    <p class="ex">調查發現，韓國旅客來台旅行最常選擇的伴手禮，竟是統一食品生產的「滿漢大餐」速食麵（圖片來源：熊津食品instagram）</p>
    
   ...

CSS

body{
  padding: 8px;
}
p{
  line-height: 1.5;
}
a{
  text-decoration: none;
}
a:link{
  color: grey;
}
a:visited{
  color: blue;
}
a:hover{
  text-decoration: underline;
}

.ex {
  margin-top: -3px;
  margin-bottom: 25px;
  color: grey;
  font-size: 15px;
}
.look{
  padding: 35px;
  background-color: #ebebe9;
  color: black;
  border-left: solid  5px red;
  margin: 25px 10px;
}

img{
  width: 100%;
  height: 100%;
}

.in{
  text-indent: 20px;
}
h3{
  color: red;
}