JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"> 
    <a href="your_link_here">
        <div class="title"> This is a title </div>
        <div class="arrow"> > </div>
    </a>
</div>

CSS

.container { height:25px; padding:10px; border:thin solid grey; background:#ccc }

.container:hover a { color:green; } 

.title { float:left }
.arrow { float:right; }