JSFiddle - React, Tailwind, and code Playground

HTML

<div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>This is the Heading</h2>
                    <p>And <i>HERE</i> is where I want to <b>make</b> this word <strong>BOLD</strong> and this <span class="color">WORD</span> in a different color, for example</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img"><img src="img/pp-slider/imac.png" alt="image01" /></div>
                </div>

CSS

.color{
    color:blue;
}