JSFiddle - React, Tailwind, and code Playground

by rathoreahsan

HTML

<div id="mainDiv">
     <div class="leftDiv">
         <a href="link">
             <img style="max-width:50px;border:1px solid #ffb92c;" src="image.jpg" alt="" />
         </a>
     </div>
     
    <div class="rightDiv">
         <a href="link">This is the text to vertically align</a>
     </div>
 </div>

CSS

#mainDiv {
    margin:0 0 10px 0;
   height: 40px; !important;
    border:2px solid #606060;
    background-color:#2b2b2b;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;"
}

.leftDiv{
    float:left;
    width:55px;
    height:40px;
    line-height:40px
}

.rightDiv{
    float:right;
    width:155px;
    font-size:0.7em;
    height:40px;
    line-height: 40px;
}