JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a class="tptn_link" rel="bookmark" href="http://localhost/wordpress/?p=30">
        <img class="tptn_thumb" border="1" style="max-width:100px;max-height:100px;" title="Post for TaxTips" alt="Post for TaxTips" src="http://localhost/wordpress/wp-content/plugins/top-10/timthum…2Ftaxhug%2Fimages%2Ffeatured-taxtips.png&w=60&h=60&zc=1&q=75"></img>
    </a>
    <span class="tptn_after_thumb">
        <a class="tptn_link" rel="bookmark" href="http://localhost/wordpress/?p=30">
            <span class="tptn_title">

                Post for TaxTips

            </span>
        </a>
        <span class="tptn_list_count">

            (14)

        </span>
    </span>

</div>

CSS

.tptn_thumb{
  margin-right: 10px;  

  float: left;
}



/* popular post title*/
.tptn_after_thumb{
  
}

.tptn_after_thumb:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
}