How to wrap text in css?

the text just overflows into a vertical direction.How to make it wrap?
css for the div:

.taskdescription{
  display:block;
  word-wrap: break-word;
  overflow: auto;
  color: #673ab7;
  width: 300px;

}

what its looking like.

enter image description here