let table = document.querySelector('.container') for (let i = 1; i <= 9; i++) { let col = document.createElement('div') for (let j = i; j <= 9; j++) { let cell = document.createElement('div') cell.innerText = `${i}x${j}=${i*j}` cell.style.border = '1px solid black' col.appendChild(cell) } table.appendChild(col) }
<div class="container"></div>
.container { display: flex; align-items: flex-end; }