JSFiddle - React, Tailwind, and code Playground

HTML

<div class='div1'>
    <span class='title'> this is the text</span>
    <a class='link' href='#'><img class='img' src='test.jpg'/></a>
</div>

CSS

.div1{
    border-color: black;
border-style: solid;
border-width: 0 1px 1px 1px;
padding: 10px;
font-size: .8em;
height: 20px;
    line-height:20px;
}

.title{    
    width: 100px;
}

.img{    
    float: right;  
}