JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<div class="avatar">
    <img src="http://placeimg.com/80/80/any" alt="alt-text" /><a href="$LOGIN_FORM$" />the login text</a>
</div>

CSS

.avatar { 
    t
vertical-align: middle;
 float: right; 
 background: #242426; 
 width: 50px;
 height: 50px;
 border: 5px solid #242426; 
 border-radius: 50%;
/*  position:absolute;
 top: 60px;
 right:250px; */
}

.avatar img {
 display: inline-block; 
 border: 0; 
 margin: 0;
 border-radius: 50%;
}

JavaScript

/* Text img alignment */