JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="block1">
    <h1>This is a normal h1</h1>
    <p>This is a normal paragraph</p>
</div>

<div class="block2">
    <h1>This is a h1 inside a div classed "block"</h1>
    <p>This is a paragraph inside a div classed "block"</p>
</div>

CSS

.block1 h1 {
    font-size: 4em;
    color: red;
    font-weight: bold;
}

.block1 p {
    font-size: 1.2em;
    color: blue;
}

.block2 h1 {
    font-size: 2em;
    color: gold;
    font-weight: normal;
    font-style: italic;
}

.block2 p {
    color: grey;
}