JSFiddle - React, Tailwind, and code Playground

HTML

<div class="girinti"> metin girintileme </div>

<div class="ust"> ust bilgi </div>

<div class="alt"> alt bilgi </div>

<div class="dikey"> hızalama </div>

<h2> metne gölge verme </h2>

<h1> karakter arası boşluk belirleme </h1>

<p> satırlar arası boşluk belirleme </p>

<h3> kelimeler arası boşluk belirleme </h3>

<h4> buradaki yazı tek satıra sığmayacak kadar uzun ise ve satır sonu geldiğinde ekranda aşağı atıyor ise, bu kodla bunu engeller ve tek satır halinde göstermesini sağlar, tek satırdaki yazıyı görebilmek için scrollbar ekler. </h4>

CSS

.girinti {text-indent:50px;}

.ust {vertical-align:text-top;}
.alt {vertical-align:text-bottom;}

.dikey {direction:ltr;}

h2 {text-shadow:3px 3px #000000;}

h1 {letter-spacing:2px;}

p {line-height:200%;}

h3 { word-spacing:30px;}

h4  {white-space:nowrap;}

JavaScript

h4