Imagem dentro de uma DIV alinhada com o texto

Prezados amigos; eu tenho dois códigos conforme abaixo: Questão como colocar a imagem na DIV alinhada com o texto na horizontal e na vertical


echo '<img src="imagen/speaker.gif" width=25 height=25/>';

echo "<div style='width: 500px;height:18px;background:#ffa;font-size: 70%;font-family:verdana;text-align:center;padding:5px;border:2px solid #aaa;'> Voce esta ouvindo: $title</div>";

Sua dúvida é de HTML/CSS.

Penso que o que você quer fazer depende de algumas propriedades da tag img. Dê uma estudada nessa tag.

Além disso, a imagem também precisa estar dentro da DIV, será que não?

Opa!

Faz assim meu caro:

<div id="sua div">
<img src="img/xxx.png" id="xxx" height="50" width="80" ></img>
</div>

Aconselho você criar um arquivo.css e tratar a imagem através do id da mesma.
Neste caso, você poderá alinhar e outras coisas mais....
#xxx{
bla;
bla;
}

Utiliza CSS

<style>
.player-info {
width: 500px;
background: #ffa;
font-size: 70%;
font-family: verdana;
text-align: center;
padding: 5px;
border: 2px solid #aaa;
}
.player-info img {
width: 25px;
height: 25px;
}
</style>
<div class="player-info">
<img src="imagen/speaker.gif"><br>Você esta ouvindo: <?php echo $title ?>
</div>

Ou alinhado na mesma linha.

<style>
.player-info {
width: 500px;
background: #ffa;
font-size: 70%;
font-family: verdana;
text-align: center;
padding: 5px;
border: 2px solid #aaa;
}
.player-info img {
width: 25px;
height: 25px;
vertical-align: middle;
}
</style>
<div class="player-info">
<img src="imagen/speaker.gif"> Voce esta ouvindo: <?php echo $title; ?>
</div>