溢出-在动态添加的div上不破字

Ingredients for a recipe are dynamically added to a div from an API Ajax call. Each line of text stays on one line, meaning its not breaking and wrapping to the line below. I have tried word-break and overflow-wrap added through a CSS styled class and then adding the class dynamically. I am getting no change. Incidentally, my bullet points wont show up in front of each ingredient line either. Ingredients for a recipe are dynamically added