JSFiddle - React, Tailwind, and code Playground
by Fransiskus Fallo
HTML
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #333'>
<style>
#kotak-iklan-125x125 {
margin: 0px;
padding: 5px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border-radius: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}
</style>
<div id="kotak-iklan-125x125">
<a href="http://sanggar-belajar.blogspot.com/2014/02/syarat-pemasangan-iklan.html" target="_blank" ><img alt="banner ads" src="http://2.bp.blogspot.com/-mJwNTNCqv-E/TaEQJ0SsOKI/AAAAAAAAAmI/upKVCnI5VUA/s1600/ad125x125.jpg" border="0" width="75px" height="75px"/></a>
<a href="http://sanggar-belajar.blogspot.com/2014/02/syarat-pemasangan-iklan.html" target="_blank" ><img alt="banner ads" src="http://2.bp.blogspot.com/-mJwNTNCqv-E/TaEQJ0SsOKI/AAAAAAAAAmI/upKVCnI5VUA/s1600/ad125x125.jpg" border="0" width="75px" height="75px"/></a>
<a href="http://sanggar-belajar.blogspot.com/2014/02/syarat-pemasangan-iklan.html" target="_blank" ><img alt="banner ads" src="http://2.bp.blogspot.com/-mJwNTNCqv-E/TaEQJ0SsOKI/AAAAAAAAAmI/upKVCnI5VUA/s1600/ad125x125.jpg" border="0" width="75px" height="75px"/></a><a href="http://sanggar-belajar.blogspot.com/2014/02/syarat-pemasangan-iklan.html" target="_blank" ><img alt="banner ads" src="http://2.bp.blogspot.com/-mJwNTNCqv-E/TaEQJ0SsOKI/AAAAAAAAAmI/upKVCnI5VUA/s1600/ad125x125.jpg" border="0" width="75px" height="75px"/></a></div>
</div>