Как поделить пространство между блоками?

#html #css #css3

Нужно сделать блок из двух колонок. В левой написано "Описание", а в правой сам текст
описания.Не удается выставить ширину в 50% для "Описания". По факту отображается как
15-20%, т.е меньше чем необходимо. Правая колонка с текстом описания,наоборот, занимает
гораздо больше оставшихся 50%.


  
Описание
  
Пуховик из качественного материала. Материал синтетика,мех. Размер xl. Доступен
также в других размерах


    

Ответы

Ответ 1

Нужно задать первому абзацу flex-shrink: 0, чтобы он не сжимался:




  
Описание
  
Пуховик из качественного материала. Материал синтетика,мех. Размер xl. Доступен
также в других размерах





Или обоим абзацам задать width: 50%




  
Описание
  
Пуховик из качественного материала. Материал синтетика,мех.
Размер xl. Доступен также в других размерах



Ответ 2

А если через column-count? Сам пока активно этим не пользуюсь, комментарии/критика
приветствуются







Описание

Пуховик из качественного материала. Материал синтетика,мех. Размер xl. Доступен
также в других размерах