JSFiddle - React, Tailwind, and code Playground

by maddy770803

HTML

<html>

<h1>2023苗栗大湖景點推薦》別只知道採草莓！5個中部一日遊好去處，美到像電影場景</h1>
<img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2022/11/29/20221129-033310_U25889_M813466_e269.jpg?itok=D9BpJbTr">

<p>又到了一年一度令人期待的草莓季，說到採草莓就絕對要去全台產量最多的苗栗大湖囉！既然來到苗栗大湖怎能只採草莓呢？大湖周邊好玩、好吃、好拍的景點當然也要順道玩好玩滿再回家啊！本篇統整了包含草莓園在內的五個大湖景點，適合自駕開車，慢慢踩點慢慢玩，一起出發來趟非常「莓」好的苗栗大湖一日遊吧！</p>
<h2>苗栗大湖一日遊推薦路線</h2>
<h3>花露休閒農場→哈比丘森林→灣潭玫瑰草莓園→烏嘎彥竹林→大湖酒莊</h3>
<p>早上先到最南邊的「花露休閒農場」，享受早晨漫步在歐風花園的氣氛；接著往北移動到「哈比丘森林」與彷彿電影魔戒中小矮人的矮房拍照、玩玩高空的刺激盪鞦韆，順便可以在這邊用餐。中午過後，只要20分鐘就能到「灣潭玫瑰草莓園」採草莓、製做草莓果醬，接著上山到山林網美秘境「烏嘎彥竹林」享受漫步在媲美京都小嵐山的竹林間拍拍美照，最後再下山到「大湖酒莊」嚐嚐大湖限定的草莓酒、以及各種以草莓入菜的小吃做個結尾吧！
<br/>
★以上路線行程較豐富緊湊，想跟著小編路線走，建議一大早就要出發；如果想慢慢玩、慢慢享受的朋友，建議可以選擇3個景點。<br/>
</p>
<h2>1.苗栗大湖一日遊 ｜花露休閒農場</h2>
<h4>
地址：苗栗縣卓蘭鎮西坪里西坪43－3號
<a href="https://www.google.com/maps/place/%E8%8A%B1%E9%9C%B2%E8%BE%B2%E5%A0%B4+Flower+Home/@24.3360606,120.8129076,14.77z/data=!4m8!3m7!1s0x0:0x81f00602fb513fce!5m2!4m1!1i2!8m2!3d24.3327781!4d120.8261689?shorturl=1">（Google Map 快速連結）</a>https://jsfiddle.net/#run
<br/><br/>
營業時間：09：00～17：00 （假日至17：30，週三公休）
<br/><br/>
電話：04－25893280
<br/><br/>
網址：<a href="http://flowerhometw.com/index.php">花露休閒農場官方網站</a>
</h4>
  
<img src="https://image.cache.storm.mg/styles/smg-800xauto-er/s3/media/image/2022/11/29/20221129-115233_U27068_M813390_43f6.jpg?itok=LgclMzwi">
<p>
花露休閒農場是個被花草圍繞的國度，就像一腳踏入童話故事裡的花園般，無庸置疑到處都是拍照點，無論是來這邊散散心、吸收芬多精、悠閒漫步遠離塵囂等都非常的適合。
</p>

<h2>2.苗栗大湖一日遊 ｜哈比丘森林</h2>
<h4>
地址：苗栗縣銅鑼鄉盛隆15鄰160號366 
<a href="https://www.google.com/maps/place/%E5%93%88%E6%AF%94%E4%B8%98%E8%8C%B6%E6%A8%B9%E6%A3%AE%E6%9E%97(%E5%B0%8E%E8%88%AA%E5%87%BA%E7%A3%BA%E5%9D%91)/@24.4356723,120.840104,15z/data=!4m5!3m4!1s0x0:0xb9ff2889b519a6b2!8m2!3d24.4356723!4d120.840104">（Google Map 快速連結）</a>
  
<br/>
★請導航「出磺坑」，並延哈比丘標誌開車15分鐘即可到達
<br/><br/>
營業時間：09：30～17：30 （週二公休）
<br/><br/>
電話：03－7971397
<br/><br/>
網址：<a...

CSS

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

h3{
 background-color:#f5f5f5;
 padding:48px 30px;
 margin:60px;
 width:600px;
 text-align: center;
 font-style:italic;
 display:block; 
 margin:auto;
}

h4{
  margin:60px;
  background-color:#f5f5f5;
  padding:48px 30px;
  width:600px;
  display:block; 
  margin:auto;
}
  
img{
  border : 5px double black;
  width:600px;
  display:block;
  margin:12px auto;
}

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