JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>Clicks:</span> <input id="clicks" value="0"></input>
    
    <div style="background-color:LightGreen"
        onclick="$('#clicks').val(parseInt($('#clicks').val()) + 1);"><span class="hard">CLICK THE GREEN AND CLICK IT HARD!</span>
    <br/>
       <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS5lQfEXNPKzMGZRHUQJJJj97NFoi1Q4iZ_dT1GK9lrYsjrgd7i5XWsrTA"></img>
       <div style="width: 100%; display:inline-block"><span>more text</span></div>
    </div>
    <span>even more text</span>
    
    <p id="log"></p>
</div>

CSS

.hard {
    font-size: 2em;
    color: DarkRed;
}
img {
    line-height: 3em;
}