Показать текст как содержание книги

Question

Я хотел бы создать контент, в котором его текст будет разделен на две колонки. Пожалуйста, обратитесь к изображению ниже, чтобы получить лучшую идею. Он должен автоматически корректировать свой размер, поскольку данные являются динамическими c.

Ваша помощь будет принята с благодарностью. Спасибо.

Answer 1

Пожалуйста, проверьте мой код ручки. Надеюсь, что это поможет вам. Добавьте пробел и ширину столбца -

column-width: 14em;
column-gap: 2em;

В качестве примера -

<div class="conatiner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum velit laoreet id donec ultrices tincidunt arcu. A diam maecenas sed enim ut sem viverra. Vestibulum sed arcu non odio euismod lacinia. 
</div>

И css -

.container {
  max-width: 800px;
  margin: 0 auto;
  column-width: 14em;
  column-gap: 2em;
  column-rule: 1px solid #ccc;
}

Проверьте работоспособность пример