Переполнение содержимого внутри div

Question

У меня есть форма истории болезни в моем проекте Laravel.Мое содержимое переполнено под div, как показано на рисунке ниже.

первое изображение

Я использовал overflow:hidden в части CSS.Тогда мой контент исчезнет, ​​как показано на картинке ниже.

второе изображение

Вот HTML-код

<div class="row">
   <div class="col-md-2"><b> Chief Complains : </b></div>
   <div class="col-md-10"> {!! $data[0]->chief_complaints !!} </div>
</div>

Какрешить это?Кто-нибудь, пожалуйста, помогите?Заранее спасибо

Answer 1

Дайте вашему div свойству CSS, как показано ниже

.your-div-class {
    overflow-wrap: break-word;
}

Answer 2

установите для вашего абзаца или содержимого значение

overflow:scroll;

или

set width:to some value less than the container width