Style HTML List Items

Simple CSS trick to style ugly HTML list items and add cool images along with list item.
here is HTML Code

<ul class="customimg">
     <li>HTML5 </li>
     <li>CSS3 </li>
     <li>jQuery </li>
     <li>PHP </li>
     <li>WordPress </li>
</ul>

Here is CSS to style list items

<style type="text/css">
ul.customimg {
list-style-image: url('https://sniptsmaster.files.wordpress.com/2014/06/check-mark-3-16.png');
}

ul.customimg li:hover {
list-style-image: url('https://sniptsmaster.files.wordpress.com/2014/06/icon_checkmark_16x16.png');
cursor:pointer;
}
</style>