JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="Save" id="btn" />

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet ligula massa, at fermentum risus. Fusce ligula elit, pharetra eget suscipit id, lacinia sit amet mi. Proin commodo rutrum malesuada. Nullam nec nisl non quam dignissim gravida ut ut massa. Donec iaculis, quam nec adipiscing ultrices, ipsum nisi hendrerit nisi, aliquam adipiscing nibh elit in eros. Donec mattis tortor vitae eros mollis accumsan nec ut libero. Suspendisse pretium, leo quis imperdiet hendrerit, lacus erat eleifend leo, sed vulputate turpis turpis non ipsum. Praesent eget nisl dolor.</p>

<p>Morbi hendrerit, nisi at ornare ultricies, est est laoreet ante, at commodo dolor orci vel neque. Fusce sagittis, lectus quis feugiat varius, augue justo semper diam, non sollicitudin massa nulla ut diam. Praesent orci ante, vulputate sed mollis at, vehicula et metus. Maecenas a est leo, at elementum lectus. Aenean id mi odio. Pellentesque eleifend viverra nulla, ultrices malesuada ligula interdum in. Nulla mattis erat metus, sed sagittis nibh.</p>

<p>Proin luctus aliquam urna, vel sodales neque scelerisque non. Vestibulum lacinia dignissim nisi gravida ultricies. Maecenas vel augue est, eget pharetra arcu. Quisque auctor porttitor nibh, sit amet porta ante molestie a. Mauris sed turpis quis purus volutpat feugiat sed eu ligula. Quisque pretium turpis non tortor lacinia nec tempus nunc hendrerit. Vivamus adipiscing erat tristique diam ornare gravida. Ut elit nisl, scelerisque at iaculis ac, tempor a erat. Mauris ac lorem nisi, sed eleifend nisl. Pellentesque sem orci, tristique vel eleifend sit amet, pellentesque nec tellus. Suspendisse nibh lectus, volutpat id blandit eu, porta nec risus. Nunc posuere tincidunt felis vel tincidunt. Donec imperdiet, massa vel tempor molestie, ipsum ante laoreet purus, convallis tristique tortor risus in felis. Phasellus blandit tempor ipsum at volutpat. Fusce eleifend dui ac justo vehicula vel faucibus tellus...

CSS

body { font-family: /*Georgia,*/ Arial, sans-serif; font-size:14px; }
p { margin: 10px 20px 0 20px; }
.feedback-provider { display:none; position:absolute;  background-color:#FCFCFC; color:#222; box-shadow: 0 0 30px 4px #888; border-radius: 6px; border:1px solid #515151; }
.feedback-provider:first-of-type { top: 0; left: 200px; }
.feedback-provider:last-of-type { top: 200px; left: 200px; }
.contentswrapper { width: inherit; height:inherit; text-shadow: 1px 1px 1px #FFF;  display:table;  }
.contentswrapper div { line-height: 20px; }

.graphic { /*width: 30%;*/ height:100%; margin:0; min-width:46px; background-image: url("http://agi.tangora.com/media/ajax-loader.gif"); background-repeat:no-repeat; background-position: center center; display:table-cell;  }
.textwrapper { display:table-cell;  /*width: 67%; min-width:30px;*/ padding: 20px 20px 20px 0; }

JavaScript

$(document).ready(function() {
     $("#btn").click(function(){
         $(".feedback-provider").show();//.delay(800).hide();
     });
 });