JSFiddle - React, Tailwind, and code Playground

by Ivan Gerasimenko

HTML

<div class="main">
    <div class="circle"><img src="http://i59.tinypic.com/fbl21d.png"  /></div>
    <div class="circle"><img src="http://i59.tinypic.com/fbl21d.png" /></div>
    <div class="circle"><img src="http://i59.tinypic.com/fbl21d.png" /></div>
</div>

CSS

.main{
    width: 500px;
    height:500px;
    background-color: #f2f2f2;
}

.circle{
    width:100px;
    float:left;
    margin:40px 0 0 40px;
}

.circle img{
    height:64px;
    width:64px;
}

.main .circle:not(:last-child):before {
    content: "";
    display: block;
    position: relative;
    top: 35px;
    left: 70px;
    width: 60px;
    border: 2px dashed red;
}