Иван228,
<!DOCTYPE HTML>
<html>
<head>
<title>
JAVASCRIPT
</title>
<style type="text/css">
.br {
display: flex;
flex-wrap: wrap;
justify-content: center;
border: 10px inset #FFFFFF;
background-color: #315139;
padding: 20px;
width: 500px;
margin: 0 auto;
}
.br>div {
width: 70px;
color: white;
}
.hr-dashed {
margin: 20px 0;
padding: 0;
height: 0;
border: none;
border-top: 2px dashed #ddd;
width: 100%;
}
h1 {
color: #39563C;
text-align: center;
}
</style>
</head>
<body style="background-color: #BEDBBF;">
<script>
let html = "<h1>Таблица умножения</h1>";
html += "<div class='br'>";
for (j = 1; j <= 5; j++) {
html += "<div>";
for (i = 1; i <= 10; i++) {
html += j + "*" + i + "=" + (i * j) + "<br>";
}
html += "</div>";
}
html += "<hr class='hr-dashed'>";
for (j = 6; j <= 10; j++) {
html += "<div>";
for (i = 1; i <= 10; i++) {
html += j + "*" + i + "=" + (i * j) + "<br>";
}
html += "</div>"
}
html += "</div>"
document.write(html)
</script>
</body>
</html>