<hr /> <div style='float:center; color:red; top:3px; border:1px solid green;'><h4><a hr ef="#" >Jogos top desse ano de 2012</a></h4></div>

<style type="text/css"> div.figura { width: 28%; border: 1px solid blue; margin: 0.5em; /*.....no modificar.....*/ padding: 0.5em; background:#fff; } div.figura a{color:blue;} div.figura a:hover{color:orange;} img.escala { width: 100%; } </style> <div class="figura" style="float:left;"> <a href="#"><img class="escala" src="http://ibxk.com.br/77578/177010-t.jpg" alt="St. Tropez" /><p>Isto apenas um exemplo de imagem escalavel, indepedenteme nte qual seja o tamanho do texto, a borda crescer.</p></a></div> <div class="figura" style="float:left;"> <a href="#"><img class="escala" src="http://ibxk.com.br/77578/177010-t.jpg" alt="St. Tropez" /><p>Isto apenas um exemplo de imagem escalavel, indepedenteme nte qual seja o tamanho do texto, a borda crescer.</p></a></div> <div class="figura" style="float:left;"> <a href="#"><img class="escala" src="http://ibxk.com.br/77578/177010-t.jpg" alt="St. Tropez" /><p>Isto apenas um exemplo de imagem escalavel, indepedenteme nte qual seja o tamanho do texto, a borda crescer.</p></a></div>