Boa tarde,

Quero que o conteúdo do Modal fique como na imagem em anexo, o meu modal mostra uma informação do lado da outra conforme anexo.

O modal é carregado a partir de uma tabela.

Segue o código:

function carregarContatosModal(contacts) {
  const table = document.createElement('table');
  table.classList = 'table';

  tbody = document.createElement('tbody');

  contacts.forEach(contact => {
    const trBody = document.createElement('tr');

    const thNome = document.createElement('th');
    thNome.innerText = contact.nome || 'não informado';

    const thEndereco = document.createElement('th');
    thEndereco.innerText = contact.endereco || 'não informado';


    const thTelefone = document.createElement('th');
    thTelefone.innerText = contact.fone || 'não informado';

    trBody.appendChild(thNome);
    trBody.appendChild(thEndereco);
    trBody.appendChild(thTelefone);
    tbody.appendChild(trBody);
  });

  table.appendChild(tbody);
  contentModal.appendChild(table);
}

Desde já agradeço,

Elenir