JSFiddle - React, Tailwind, and code Playground

HTML

body genel renk atama
<h1> h1 renk atama </h1>
<div class="renk"> class renk atama </div>
<div id="yenirenk"> id renk atama </div>

<h2> metin ortala</h2>
<p> metin sola yasla </p>
<div class="hizala"> metin sağa yasla </div>
<div id="yenihizala"> metin iki yana hızala </div>

<h3>metnin üzerini çiz </h3>
<h4> metnin altını çiz </h4>
<h5> metin üstünü çiz </h5>

<div class="buyut"> metnin tüm harflerini büyüt </div>
<div class="küçült"> metnin tüm haflerini küçült </div>
<div id="basharfbuyut"> metnin baş haflerini büyüt </div>

CSS

body {color:blue;}
h1 {color:#00ff00;}
.renk {color:rgb(255,0,0);}
#yenirenk {color:#000;}

h2 {text-align:center;}
p {text-align:left;}
.hizala {text-align:right;}
#yenihizala {text-align:justify;}

h3 {text-decoration:line-through;}
h4 {text-decoration:underline;}
h5 {text-decoration:overline;}

.buyut {text-transform:uppercase;}
.kucult {text-transform:lowercase;}
#basharfbuyut {text-transform:capitalize;}