<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/0f3dfd4afac347c58d71248856517866&quot; frameborder=&quot;0&quot; width=&quot;1728&quot; height=&quot;1296&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1296</height><width>1728</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1296</thumbnail_height><thumbnail_width>1728</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/0f3dfd4afac347c58d71248856517866-00001.gif</thumbnail_url><duration>228.4666666666666</duration><title>Alinhamento de imagem e texto no CSS</title><description>E aí Jackson, tranquilo? Guilherme aqui. Eu tenho um programinha de gravatela que acho mais fácil de explicar. Entendi sua dúvida. Vou te mostrar dois cenários possíveis: alinhar a imagem e o texto lado a lado ou colocar a imagem em cima e o texto embaixo. Notei que a div está com um tamanho muito apertado, então podemos ajustar isso no CSS. Também podemos centralizar a div e adicionar margens para deixar o layout mais descentralizado. Se quiser a imagem em cima e o texto embaixo, podemos usar a propriedade flex-direction: column. Dá uma olhada no código HTML e CSS para entender melhor. Se tiver mais dúvidas, é só me avisar. Vamos aprender juntos!</description></oembed>