title: show html code inside box like yahoo html messages
body: <p>I want view user html code inside box like Gmail,Yahoo html messages.</p>
  
  <p>I will use code in something like mail my old code and I think I am so stupid!</p>
  
  <pre><code>&lt;div class="mydiv" style="border:1px #000 solid"&gt;
  THE USER CODE
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem here is if user html code is starts with <code>&lt;/div&gt;</code> my own div will be closed and rest code will show outside my div!</p>
  
  <p>So, how i can done this job professionally? I tried searching!</p>
  
  <p>thank you</p>