صندوق اعلاني يظهر للزائر يمكن ازالته

.callout {

  position: fixed;

  bottom: 35px;

  right: 20px;

  margin-left: 20px;

  max-width: 300px;

}



.callout-header {

  padding: 9px 15px;

  background: #005095;

  font-size: 30px;

  color: white;

  text-align: right;

}



.callout-container {

  padding: 5px;

  background-color: #5e9dd4;

  color: black;

}



.closebtn {

  position: absolute;

  top: 5px;

  right: 15px;

  color: white;

  font-size: 30px;

  cursor: pointer;

margin-right: 255px;

}



.closebtn:hover {

  color: lightgrey;

}

<div dir="rtl" class="callout">

  <div class="callout-header">اعلان هام</div>

  <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>

  <div class="callout-container">

    <p>تم انطلاق اول فعالية للمنتدى لدينا سارع واكسب من الجوائز الرائعه <a href="">بالضغط هنا</a></p>

  </div>

</div>