span che simuli una table-cell

[KillerWorm]

Credimi, con una manciata di css, "il magico flex" ti risolve tutti i problemi

Non posso non lasciarti qui la pozione:

.contact-info-sidebar p {
    display: flex;
}

.contact-info-sidebar p::before {
    flex: 0 0 30px;
    padding: 0 !important;
}

.contact-info-sidebar p > :first-child {
    flex: 0 0 30%;
    margin-right: 8px;
}

Puoi applicarlo così com'è.

Puoi anche togliere il primo <span>, se lo trovi fastidioso, purché rimanga il <b> o un qualche tag che permetta di contraddistinguere i due elementi (titolo e testo descrizione), dal momento che ho usato il selettore :first-child per identificare tale elemento.

Puoi anche non mettere la classe sullo span, se preferisci, sempre per lo stesso precedente motivo.

Chiaramente nessuno ti obbliga ad usarlo se non ti va ma, in caso contrario, potrai poi studiartelo quando e se avrai tempo/interesse/voglia.

Per il momento è tutto, buon proseguimento

[stardom]

....ma quindi tu mi stai dicendo che Flex è inseribile in un contesto CSS già esistente? No, perchè ho sempre pensato che per usarlo occorresse ripensare tutto il CSS, o se non altro inserire la sua "libreria/script" da richiamare nell'header di una pagina (ed è questo che mi sono sempre fermato dal proseguire nel suo studio).
In effetti il risultato sulla pagina è come quello che avevo fatto io con gli span, quindi presumo questo Flex non crei conflitti con quanto già in essere.

[KillerWorm]

Esattamente, quando si parla di flexbox ci si riferisce semplicemente ad un insieme di proprietà CSS che sono al pari delle altre. Sono già integrate nel CSS essendo una specifica standard, non c'è alcun bisogno di inserire nient'altro ma si tratta solo di capire come usarle al meglio. Tutto qui

Per maggiori informazioni, inutile dirlo, puoi dare una letta a qualche guida; vedi questa su HTML.it, magari leggendo anche solo l'introduzione giusto per avere un'infarinatura: Flexbox, guida pratica

Buon proseguimento