Question: I have a patient history form in my Laravel project. My content overflow under a div like below image.

[first image](https://i.stack.imgur.com/2qPzs.jpg)

I have used `overflow:hidden` in css part. Then my content disappear like below image.

[second image](https://i.stack.imgur.com/6yKED.jpg)

**Here is the html code**

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

```

How to solve this ? Anybody help please ? Thanks in advance

Answer: 
Give your div a CSS property like below

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

```
set your paragraph or content to

```
overflow:scroll;

```

or 

set `width:to some value less than the container width`