CSS에서 텍스트 열을 만드는 방법: CSS 전용 또는 JavaScript?

div.multi {
  column-count: 3;
  column-gap: 10px;
  column-rule: 1px solid black;      
}

// Get the content div
const content = document.querySelector(".content");

// Count the number of paragraphs
const paragraphs = content.querySelectorAll("p");

// Split the paragraphs into two equal arrays
const firstHalf = paragraphs.slice(0, Math.floor(paragraphs.length / 2));
const secondHalf = paragraphs.slice(Math.floor(paragraphs.length / 2));

// Float the second half of the paragraphs right
secondHalf.forEach((paragraph) => {
  paragraph.style.float = "right";
});