Advertisement
MizunoBrasil

Alinhar texto com imagem

Dec 7th, 2022
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.20 KB | None | 0 0
  1. HTML:
  2.  
  3. <div class="conteudo">
  4.    <div class="imagem">
  5.       <img src="img/desvantagem.png"class="img-responsive" style="width: 300px; margin-top: 20px; align="left">
  6.    </div>
  7.    <div class="texto">
  8.       <p>
  9.          Uma pesquisa realizada com 1.521 crianças de 6 a 12 anos pela Highlights, uma revista infantil norte-americana, mostrou que 62% das crianças
  10.          reclamam que os pais estão distraídos demais para ouvi-los.<br>
  11.          E a surpresa! - os celulares são os principais responsáveis por isso. Em 28% dos casos,pais e mães estavam tão entretidos com o aparelho que mal prestavam atenção aos filhos.<br>
  12.          E não é só: juntos, celulares, TV's, smartphones e tablets foram a causa desse distanciamento entre filhos e pais em 51% dos casos.
  13.          <br><br>
  14.          É difícil imaginar a vida sem computadores e smartphones, não é? Ainda mais para nós, brasileiros, que somos um dos povos mais conectados do mundo.<br> <br>
  15.          De acordo com o relatório "2018 Global Digital", divulgado pela agência We Are Social, em parceria com a HootSuite, passamos em média 9 horas e 14 minutos na internet e
  16.          3 horas e 39 minutos nas redes sociais. Não há dúvidas de que os aparelhos eletrônicos são úteis no trabalho, facilitam a comunicação e oferecem infinitas
  17.          opções de lazer. Mas, se usados com exagero, eles podem ser prejudiciais à saúde.<br> <br><br>
  18.          Veja a seguir alguns problemas desenvolvidos por quem abusa da tecnologia:<br><br>
  19.          •    Dores nas mãos e no pescoço;<br>
  20.          •    Alterações na visão<br>
  21.          •    Transtornos psicológicos
  22.       </p>
  23.    </div>
  24.    <div class="fonte">
  25.       <p>Fonte: <a href="https://www.uol.com.br/vivabem/noticias/redacao/2018/07/21/quais-problemas-de-saude-o-uso-excessivo-de-tecnologia-pode-causar.htm?cmpid=copiaecola">
  26.          https://www.uol.com.br/vivabem/noticias/redacao/2018/07/21/quais-problemas-de-saude-o-uso-excessivo-de-tecnologia-pode-causar.htm?cmpid=copiaecola</a>
  27.       </p>
  28.    </div>
  29. </div>
  30.  
  31.  
  32. Arquivo CSS:
  33.  
  34. .imagem {
  35.     float: left;
  36.     margin: 0;
  37.     padding: 10px;
  38. }
  39.  
  40. .texto {
  41.     float: rigth;
  42.     margin: 0;
  43.     padding: 25px;
  44. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement