JSFiddle - React, Tailwind, and code Playground

by jared0921

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <h1>食譜》人見人愛的麻婆豆腐，做法原來超簡單！3步驟、10分鐘完工，吃了都流淚</h1>
  <img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2016/10/26/20161026-102044_U7195_M210879_8c2e.jpg?itok=dcvqO-LQ">
  <p><span>在</span>上大學離家生活前，我是個完全不會進廚房幫忙的不肖女，曾跟媽媽說過幾次<br>要跟她學做菜，但總是虎頭蛇尾瞄兩眼就決定去看電視，對於煮飯可說毫無概念<br>，興致也不高，根本不知道吃進嘴的每一道菜是如何組合出來的。</p>
  <a href="https://www.storm.mg/line/notify/login">[啟動LINE推播]每日重大新聞通知</a>
  <p>還記得高中某個暑假遇到了國小同學，發現他唸廚藝學校，我大感佩服，覺得年<br>紀輕輕就會做菜根本是天才，還問他會不會做麻婆豆腐，可見對那時的我而言那<br>是一道看起來很複雜、需要高深功力的料理。</p>
  <p>後來自己慢慢開始跟著食譜做一些菜，發現麻婆豆腐原來那麼簡單，我當年竟然<br>拿這道菜考我同學真是太沒見識了啊！<b>麻婆豆腐說起來就三個動作：爆香，把絞<br>肉炒熟，加水到鍋中把豆腐煮熟</b>。雖然貴為餐廳常見菜色，但對料理新手而言，<br>在家中做出來也非常合理，香辣下飯人人愛，而且它有能當主菜的格局，又有屈<br>居配菜的雅量，是餐桌上的好咖啊！</p>
</body>
</html>

CSS

h1 {
  padding: 5px;
}

img {
  padding: 5px;
  width: 100%;
  height: auto;
}

a {
  margin-left: 5px;
  text-decoration: none;
  border-bottom: 1px solid #ffcb82;
  color: #a6a6a6;
}

p {
  padding: 5px;
}