JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div id="contner">
    <div class="fenetre" >
      <div class="numero"><b>1</b></div>
      <img src="" alt="" width="110" height="110"/>
    </div>
    <div class="fenetre" >
      <div class="numero"><b>2</b></div>
      <img src="" alt="" width="110" height="110"/>
    </div>
    <div class="fenetre" >
      <div class="numero"><b>3</b></div>
      <img src="" alt="" width="110" height="110"/>
    </div>
    <div class="fenetre" >
      <div class="numero"><b>4</b></div>
      <img src="" alt="" width="110" height="110"/>  
    </div>
</div>

CSS

.fenetre {  
    float:left;
    position:relative;
    display:block;
}
.numero {
    background-color: #dedede;
    position:absolute;
    color: #111;
    text-align: center;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    width:20px ;
    top:5px;
    left:5px;
    display:block;
}
#contner { 
    display:inline-block;
    position:relative;
}