Remove divs around a div
<p><strong>My HTML</strong></p>

<pre><code>&lt;div class="wrapper"&gt;
  &lt;div class="wrapper2"&gt;
     &lt;div class="real_content"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Question</strong></p>

<p>Is there any way for me to remove the 2 divs around <code>&lt;div class="real_content"&gt;&lt;/div&gt;</code> so it won't appear on HTML and front end of my website? Thanks.</p>
