Как d html css создать текст в 2 колонки не используя br?
Пытаюсь сверстать википедию с этого сайта https://ru.wikipedia.org/wiki/HTML столкнулся с проблемой - не знаю как правильно сверстать текст в 2 колонки без br, думал может создать 2 блока и задать inline-block только не знаю правильно ли это будет, прочекал код на википедии так там эти колонки вообще сверстали с помощью таблиц, или это делается с помощью таблиц?
Дополнительно:
Можно таблицей, можно dl-dt-dd и потом гридами.
прочекал код на википедии так там эти колонки вообще сверстали с помощью таблиц, или это делается с помощью таблиц?
Ну если это СДЕЛАНО при помощи таблиц, то логично что это делается при помощи таблиц.
Тут это вполне оправдано.
Альтернативу написала в первом сообщении.
Ответы:
в вики это делается с помощью таблиц. Делайте и вы. Они ж когда верстали сталкивались с проблемами. Значит нашли подходящее решение. Зачем повторять ошибки, и надо ли? Там жеш наверное не делитанты сидят. Значит другого решения не нашли.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания текста в две колонки без использования тега
можно воспользоваться свойствами CSS и HTML. Вот пример кода:
HTML:
<div class="columns"> <div class="column"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget mauris sed odio suscipit commodo.</p> </div> <div class="column"> <p>Phasellus nec semper libero. Sed auctor, nunc non tincidunt tincidunt, sapien libero pellentesque orci.</p> </div> </div><div class="columns"> <div class="column"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget mauris sed odio suscipit commodo.</p> </div> <div class="column"> <p>Phasellus nec semper libero. Sed auctor, nunc non tincidunt tincidunt, sapien libero pellentesque orci.</p> </div> </div>
CSS:
.columns { display: flex; } .column { flex: 1; }
В данном примере мы создаем два элемента `
Таким образом, текст будет автоматически разделен на две колонки без использования `
`. Вы можете добавить стилизацию по своему усмотрению, например, задавать отступы, цвета текста и фона и т.д.