JSFiddle - React, Tailwind, and code Playground

by fouroneeight

HTML

<html>

<body>
<h1 class="font1">
冷氣重開前別只洗濾網！少1動作「每月電費多近5千元」，台電教1招省電37%

</h1>
<img id="feature_img" alt="電價調漲後吹冷氣怎麼做才省電費？專家表示長期未清潔「每月電費多近5千元」，台電也教1招省電37％。（示意圖／取自pakutaso）" src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2021/06/11/20210611-042820_U20525_M694967_4cf2.jpg?itok=ORpqXf6b">
<p class="font1">隨著夏天越來越近、氣溫逐漸升高，不少人已經開始吹冷氣，不過電價調漲也令人擔心額外支出，到底該怎麼做才省電費呢？台電就指出，節能標示1級的冷氣比起5級可以省電37％；HoHo居家清潔專家則試算，冷氣若長期缺乏清潔維護，每個月可能會多出4970元。

</p>
<p class="font2">
台電建議，吹冷氣想省電有3招，首先，冷氣溫度只要調高1度，就能省電6％；其次是冷氣濾網要2至3週定期清洗，可以省電10％，且不只濾網，外殼、出風口和內部都需要清理；購買新冷氣時，也要優先選擇具節能標章、能源效率1級的產品，因為能源標示1級和5級比起來，可以省電高達37％。

</p>
<img typeof="foaf:Image" src="https://image.cache.storm.mg/styles/smg-400xauto-er/s3/media/image/2024/04/13/20240413-012413_U27785_M946516_e415.jpg?eaFL.Ka3ZAd9sxle8JYkiSZlf6HEaAEm&amp;itok=EZXP8nNp" alt="（圖／取自台電電力粉絲團）" title="（圖／取自台電電力粉絲團）">

</body>

</html>

CSS

h1{
   color: rgb(59,59,59);
   font-size:30 px;
   margin:60px
}

.font1{
    font-family: "Brush Script MT", Monospace, Georgia, serif;
}

.font2{
    font-family: Verdana, Sans-serif, Georgia, serif;
}

img{
  border : 5px double black;
  width:300px;
  display:block;
  margin:12px auto;
}

#feature_img {
  border : 5px double black;
  width:500;
  display:block;
  margin:12px auto;
	}

p{
  margin:60px;
  font-size: 16px;
  line-height: 28px;
}