JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        
        <P>p seçicisi </P>
        <div id="deneme"> id seçicisi </div>
        <div class="center"> class seçicisi </div>
        
        <p> p seçicisi </p>
        <h1>h1 seçicisi </h1>
        <h2>h2 seçicisi </h2>
        <h1><h2><p> h1 h2 p seçicilerin ortak atanması </p><h2></h1>
        
        
    </body>
</html>

CSS

P
{
text-align:center; color:red;
}
#deneme
{
text-align:center; color:red;
}

.center
{
text-align:center; color:red;
}
h1
{
text-align:center; color:red;
}

h2
{
text-align:center; color:red;
}

p
{
text-align:center; color:red;
}

h1,h2,p
{
text-align:center; color:red;
}