JSFiddle - React, Tailwind, and code Playground

by Ser8191

HTML

<div id="block">
<div class="bl1">1</div>
<div class="bl2">2</div>
<div class="bl3">3</div>

</div>

CSS

div#block {
margin:0 0 0 0;
width:300px; 
height:150px;
border: 1px solid #5698C9;
}
div.bl1{
width:35px;height:50px;
background-position: 50% 50%;
background-repeat:no-repeat;
border: 1px dotted #5698C9;
position: absolute;
margin: 10px 0 0 10px;
background-image:url(prib1.jpg);
}

div.bl2{
width:35px;height:50px;
background-position: 50% 50%;
background-repeat:no-repeat;
border: 1px dotted #5698C9;
position: absolute;
margin: 10px 0 0 50px;
background-image:url(prib2.jpg);
}

div.bl3{
width:35px;height:50px;
background-position: 50% 50%;
background-repeat:no-repeat;
border: 1px dotted #5698C9;
position: absolute;
margin: 10px 0 0 90px;
background-image:url(prib3.jpg);
}