JSFiddle - React, Tailwind, and code Playground

by Viruthagiri

HTML

<div class="wrapper">
    <div class="thumbnail">
        <img src="http://placehold.it/160x160" alt=""/>
    </div>
    <p><a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a></p>
    <span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
    <span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
    <span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
    <span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
    <span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
</div>

CSS

.wrapper {
padding:10px;
padding-top:20px;
}
.thumbnail {
text-align: center;
width: 170px;
float: left;
padding: 0 10px 0 10px;
} 
.user-info {
color: #666;
font-size: 12px;
    display:block;
    width:100%;
}