Align image and text inline mediaquery test

littlehack555.html

<h3>Hum Hum</h3>
<style>
.justalittlehack555 {
float:left;
margin:0px 10px 10px 0px;
}
@media only screen and (max-width:450px) {
    .justalittlehack555 {
    float:none;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
}
</style>
<div>
<a href="hum.hum" target="_blank"><img class="alignleft wp-image-2059 size-full justalittlehack555" src="hum.hum/hum.jpg" alt="hum hum" width="256" height="260" /></a>Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.
</div>