Aqui te va el código:
Cita: <div id="weather" style="border-left: 6px solid rgb(222, 223, 222); overflow: hidden; display: block; width: 350px; padding-left: 12px; vertical-align:middle; margin-top:10px; margin-bottom: 10px;">
<img src="Natascha%20Hamilton%20-%20Fametown.com_files/11.png" title="Lluvia ligera" style="float: right; margin-top: 30px ">Temperatura: 54°F / 12°C <br> Humedad: 82% <br> Presión: 29.83in / 1010hPa <br>Condiciones: Lluvia ligera<br> Dirección del viento: SSO <br> Velocidad del viento: 8mph / 13km/h <br> Actualizado: 2:20 AM BST
</div>
1.- quitar el div y poner el style directamente al img
2.- colocar la imagen en la parte superior entre el final del tag div y el comienzo del texto.
3.- esteticamente agregue margin top y bottom al div para que no se vea tan apretado.
4.- con el margin-top alejas la imagen del borde del recuadro para que se centre verticalmente
Espero aun te sirva.
Saludos