I would like to implement an "X" button in the top right corner of the message so that users can easily close it. I could really use some assistance with this as my JavaScript skills are a bit lacking.
Below is the HTML code:
<div class="warning">This is just a test.</div>
And here is the corresponding CSS code:
.warning {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/icons/warning.gif');
}