html & css nella firma delle email

[supermac]

Una mattina di parolacce per fare una stupidaggine e alla fine non ci sono nemmeno riuscito:

Voglio che la firma html delle email si veda così sui browser desktop (thunderbird e outlook):

*********    nome cognome
*       *    ruolo aziendale  
*  logo *    indirizzo
*       *    email
*********    tel
             p.iva & codfisc

e si veda invece così in versione mobile:

nome cognome
ruolo aziendale
indirizzo
email
tel
p.iva & codfisc
*********   
*       *    
*  logo *   
*       *   
*********

Ho scritto e riscritto una tonnellata di html e tabelle e nontabelle e stili in linea ma non ne sono uscito, il termine float per Outlook pare sia una cosa da mangiare o uno strumento musicale o una malattia venerea o altro ma di sicuro non ha nessuna funzione per impaginare un layout.

Se qualcuno sa la soluzione e mi fa vedere un html che funzioni mi risolleva la giornata...

[ninja72]

Questo è solo un esempio per darti un'idea di come potresti attuarlo.

css:

@media screen and (max-width: 1000px) {
    .container{
        display: flex;
        flex-direction: column-reverse;
    }
}

html

<div class="container">
        <div class="logo">
            <img src="logo.jpg" alt="logo">
        </div>
        <div class="dati">
            nome cognome
            ruolo aziendale
            indirizzo
            email
            tel
            p.iva & codfisc
        </div>
    </div>