Asi como lo haces no vas a ninguna parte
Porá con esto
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <img src='cat-black.jpg' width="320" height="400" alt="" style="float: left;border: solid 1px #000;"/> <div style="float: left; width:320px; height: 400px;border: solid 1px #000;text-align:center; vertical-align: middle; line-height: 400px; font-family: arial,verdana,serif; font-size:22pt;">
Tenés que definir los altos y anchos
Demo
http://foros.emprear.com/css/alinear.html
y es recomendable que pases los styles a css
Saludos