JSFiddle - React, Tailwind, and code Playground

by kellytanakayukari

HTML

<!--這是我的練習，此行不會被看到-->

<h1>吉伊卡哇</h1>
<p>這麼可愛不趕快去買嗎?</p>
<img src="https://nagano-market.jp/cdn/shop/files/image1_49e5150e-dc23-4c02-8e9d-2ae8c42122e9_1024x1024.jpg?v=1717553018" width="500" height="500" />
<br />
<div align="center">
<a href="https://chiikawamarket.jp/zh-hant">立馬前往購買</a>
</div>
<div id="sidebar">
<h1>小小的</h1>
<p>可愛即是正義<br />我想你也認同</p>
</div>
<hr />
<h2 style="color:#88A9B7">雖然我最喜歡nagano熊熊</h2>
<p class="bear">吐槽熊萬歲</p>

CSS

body{
background-color:#D2E9FF
}
h1{
color:#FF60AF;
text-align:center;
}
p{
color:#EA7500;
text-align:center;
}
img{
display:block;
margin:0 auto;
}
#sidebar p{
color:#AE57A4;
text-align:right;
}
#sidebar h1{
font-style: italic;
text-align: left;
margin-top: 0.5em;
}
.bear{
background-color:rgba(250, 214, 183, 0.592);
font-style:normal;
font-weight:bold;
text-align:center;
margin-top:1%;
}