Add close button div to close the boxing
<p>Here is my <a href="http://jsfiddle.net/djxnznen" rel="nofollow">JSFiddle</a></p>

<p>Preview is shown in div box. I want to add close option on right top. How could be done so that when user click on it box should be disabled.</p>

<p><strong>Code Snippet</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.duyurular {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #212121;
    height: 42px;
    line-height: 42px;
    padding: 0 16px;
}
.duyurular &gt; i {
    background-color: #27ae60;
    border-radius: 4px 0 0 4px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin: 0 16px 0 -16px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 42px;
}
.otomesaj {
    float: left;
    font-family: "Exo 2",sans-serif;
    font-size: 13px;
    margin: 1px auto 0;
    padding: 0 5px;
    width: 680px;
}
.otomesaj ul {
    margin: 0;
    padding: 0;
}
.duyurus {
    color: #212121;
    display: none;
    list-style: outside none none;
    text-align: left;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="duyurular" original-title=""&gt;
&lt;i class="fa fa-bullhorn" original-title=""&gt;&lt;/i&gt;
&lt;div class="otomesaj" original-title=""&gt;
 &lt;ul&gt;
         &lt;li class="duyurus" style="display: list-item;"&gt;Temamız yapım aşamasındadır sürekli yenilenmekte ve geliştirilmektedir.&lt;/li&gt;
  &lt;li class="duyurus" style="display: none;"&gt;denem amaçlı yazılmıştır gerekli değişiklikleri header kısmından yapabilirsiniz...&lt;/li&gt;
        &lt;li class="duyurus" style="display: none;"&gt;deneme için yazıldı temamız özel yapım bir temadır kesinlikle emek temasıdır saygı duyalım.&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>