title: How create an overlay button on different containing div
body: <p>How to create a button that will overlay each html element with class WSEDIT.<br /></p>
  
  <p>First I Know I'll need a javascript loop to find each element with css Class WSEDIT and create on the fly a button and prepend this button in each element with WSEDIT class.</p>
  
  <p>Example of javascript loop and the button creation<br /></p>
  
  <pre><code>$(function()
     $(".WSEDIT").each(function(){
        var btnConfigure = $("&lt;div class='BBtnConfigure'&gt;");
        $(this).prepend(btnConfigure);
     });
  );   
  
  
  &lt;div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"&gt;
      &lt;p&gt;"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 
      &lt;/p&gt;
  &lt;div&gt;
  
  &lt;div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"&gt;
     &lt;h2&gt;Sale For First Trimestriel&lt;/h2&gt;
     &lt;img src="/graph.png" /&gt;
  &lt;div&gt;
  
  
  &lt;div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"&gt;
     &lt;table&gt;
       &lt;tr&gt;&lt;td&gt;Name&lt;/td&gt;&lt;td&gt;Sex&lt;/td&gt;&lt;/td&gt;Age&lt;/td&lt;td&gt;Country&lt;/td&gt;&lt;/tr&gt;
       ...
     &lt;/table&gt;
  
  &lt;div&gt;
  </code></pre>
  
  <p><strong>Here is what I'm trying to do in the following picture.</strong></p>
  
  <p><img src="https://i.stack.imgur.com/ZEYhM.jpg" alt="enter image description here"></p>
  
  <p><br />
  The question is , What should be the CSS for my btn class button BBtnConfigure <br />
  As you can see in the picture, the BtnConfigure is overlapping each Section.</p>