JSFiddle - React, Tailwind, and code Playground

by Mohan Ravi

HTML

<div class='con'>


<div class='e-avatar'>
<img src='http://www.material-ui.com/images/uxceo-128.jpg'/>
</div>

</div>
<style>
body {
	background: black;
	margin: 200px;
}
.con {
	    padding: 35px;
    border: 1px solid white;
    display: inline-block;
}
.e-avatar {
		width: 4rem;
    height: 4rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.35rem;
    line-height: 1;
    color: white;
		background: white;
}
.e-avatar img {
	border-radius: 50%;
}
</style>