Alinhar texto com imagem com HTML e CSS

<div class="conteudo">
   <div class="imagem">
      <img src=""class="img-responsive" style="width: 300px; margin-top: 20px; align="left">
   </div>
   <div class="texto">
      <p>Uma pesquisa realizada com 1.521 crian&ccedil;as de 6 a 12 anos pela Highlights, uma revista infantil norte-americana, mostrou que 62% das crian&ccedil;as reclamam que os pais est&atilde;o distra&iacute;dos demais para ouvi-los.<br />E a surpresa! - os celulares s&atilde;o os principais respons&aacute;veis por isso. Em 28% dos casos,pais e m&ecirc;es estavam t&atilde;o entretidos com o aparelho que mal prestavam aten&ccedil;&atilde;o aos filhos.<br />juntos, celulares, TV's, smartphones e tablets foram a causa desse distanciamento entre filhos e pais em 51% dos casos.<br /><br />&Eacute; dif&iacute;cil imaginar a vida sem computadores e smartphones, n&atilde;o &eacute;? Ainda mais para n&oacute;s, brasileiros, que somos um dos povos mais conectados do mundo.<br /><br />De acordo com o relat&oacute;rio "2018 Global Digital", divulgado pela ag&ecirc;ncia We Are Social, em parceria com a HootSuite, passamos em m&eacute;dia 9 horas e 14 minutos na internet e 3 horas e 39 minutos nas redes sociais. N&atilde;o h&aacute; d&uacute;vidas de que os aparelhos eletr&ocirc;nicos s&atilde;o &uacute;teis no trabalho, facilitam a comunica&ccedil;&atilde;o e oferecem infinitas op&ccedil;&ocirc;es de lazer. Mas, se usados com exagero, eles podem ser prejudiciais &agrave; sa&uacute;de.<br /><br /><br />Veja a seguir alguns problemas desenvolvidos por quem abusa da tecnologia:<br /><br />&bull; Dores nas m&atilde;os e no pesco&ccedil;o;<br />&bull; Altera&ccedil;&otilde;es na vis&atilde;o<br />&bull; Transtornos psicol&oacute;gicos</p>
   </div>
   <div class="fonte">
      <p>Fonte: <a href="" target="_blank"></a>
      </p>
   </div>
</div>


Arquivo CSS:

.imagem {
    float: left;
    margin: 0;
    padding: 10px;
}

.texto {
    float: rigth;
    margin: 0;
    padding: 25px;
}