Categorias: CSS | HTML

Texto com imagem à direita

Escrito por Amanda de Lavra

18 de novembro de 2021

O módulo Blurb dá a possibilidade de trabalhar com texto e imagem, sendo a imagem à esquerda ou no topo. Mas para colocar texto e imagem lado a lado com a imagem à direita, fica mais difícil. Para o rodapé de um cliente, resolvi esse problema com uma tabela html. Segue o código:

<table style="margin-left: auto; margin-right: auto;">
  <tr>
    <td style="vertical-align: bottom; padding-bottom: 7px;">
      <p style="color: #ffffff;"><strong>Desenvolvido por  </strong></p>
    </td>
    <td>
      <img src="https://m2asolucoes.com.br/wp-content/uploads/2021/11/logo-reserva-digital.png" alt="logo-reserva-digital" width="130px"/>
    </td>  
  </tr>
</table>

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....