To fit text to a div in CSS, you need to set the width of the div and then use the appropriate CSS properties to control the text inside the div.
```
div{
width:200px; /* or any size you want */
white-space: wrap; /* it allows the text to be on new lines */
overflow-wrap: break-word; /* it adds break between words */
word-wrap: break-word; /* For IE */
}
```
Here’s an explanation of these properties:
- The `width` property sets the width of the div.
- The `white-space: wrap` property is used to add new lines of text in the div.
- The `overflow-wrap: break-word` property ensures that the text will wrap to a new line as soon as it reaches the edge of the div.
- The `word-wrap: break-word` property is included for older browsers particularly Internet Explorer.
If you want to change size of text to fit into div you may also use viewport sized typography :
```
div{
font-size: 4vw; /* It sets the font-size to 4% of the viewport’s width. */
}
```
Remember that using viewport to resize typography can lead to accessibility issues on smaller devices, as the text can get too small.
