JSFiddle - React, Tailwind, and code Playground

HTML

<div class='showContent'>
    <ul>
    <li><span style='color:green;'>Advantages</span><strong>my title :</strong> My message </li>
    <li><strong>my title :</strong> My message </li>
    <li><strong>My title1 : </strong> My message my message <strong>My message in bold</strong> my message again </li>
    <li><span style='color:red;'>Disadvantages</span><strong>my title :</strong> My message </li>
    <li><strong>My title1 : </strong> My message my message <strong><a href=''>My message in bold</a></strong> my message again </li>
    </ul>
</div>

CSS

ul li 
{
    color: red;
}