L'esigenza è di avere un blocco sui template Mosaico dove inserire una fascia con a sinistra il logo di Wikimedia e a destra un pulsante "DONA ORA" che rimanda alla pagina di donazione. Anche nella visualizzazione mobile questa fascia deve rimanere "integra", nella stessa riga.
Inserendo un "TEXT BLOCK" nel template Mosaico, si seleziona il testo e si preme il tasto "Source Code":
e si incolla questo html:
<table class="container" cellpadding="0" cellspacing="0" width="100%" style="font-family: Arial, sans-serif;font-size: 14px;border-collapse: collapse;width: 100%;max-width: 600px;margin: 0 auto;padding: 10px;">
<tr>
<td style="font-family: Arial, sans-serif;font-size: 14px;">
<div class="row" style="display: flex;justify-content: space-between;align-items: center;padding: 10px 0;">
<div class="column" style="display: inline-block;vertical-align: top;">
<a href="https://sostieni.wikimedia.it">
<img src="https://sostieni.wikimedia.it/sites/default/files/civicrm/persist/contribute/images/uploads/static/orizz_nero_wikimedia_774b2fc2a286e222671532ec3aa27ee8.jpg" alt="Wikimedia" style="display: block;max-width: 120px;height: auto;">
</a>
</div>
<div class="column" style="display: inline-block;vertical-align: top;">
<a href="https://sostieni.wikimedia.it" class="button" style="display: inline-block;padding: 10px 20px;background-color: #cf4131;color: #ffffff;text-decoration: none;border-radius: 5px;text-align: center;">DONA ORA</a>
</div>
</div>
</td>
</tr>
</table>