JSFiddle - React, Tailwind, and code Playground

by 7_Paul_21

HTML

<style>
.poster{
	margin:100px auto;
    background:#ff6600;
    height:200px;
    width:150px;
}
.descr{
    display:none;
    margin-left:-350px;
    padding:10px;
    margin-top:17px;
    background:#f3f3f3;
    height:200px;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster:hover .descr{
    display:block;
    top:120px;
    width:400px;
	}
</style>

<div style="position: relative; z-index:100;">
   <div class="poster" style="position: relative; ">aasd asdasd asd asda
   <div class="descr"style="position: absolute; z-index:-1;" >11111111111</div>
   </div>
   
</div>