AI solution for CSS coding question on BFE.dev
9. multi-column text

.three-column-text { columns: 3; column-gap: 10px; padding: 10px; border: 1px solid #ddd; }

.three-column-text::after { content: ""; display: table; clear: both; }

.three-column-text > * { display: block; padding: 0 0 10px; border-bottom: 1px solid #ddd; }