html - Make fieldset fit its enclosing div -

the code:

the html

<div>     <fieldset>         aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa     </fieldset> </div> 

the css

div {     width: 200px;     height: 100px; } 

---

the problem: fieldset not fit div

how go having fieldset not exceed size of div?

for instance if set size of div css, makes no difference how space fieldset occupy.

---

how go this?

---

edit

i have 2 options solve this:

one, having scroll functionality in div

and two, having text break in new line inside fieldset.

try css code:

div {     word-break: break-all; } 

fix issue:

div {      height: 100px;      width: 100px;      word-break: break-all;      overflow-y: auto;  }

<div>      <fieldset>   aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa      </fieldset>  </div>