Multiline text to fit parent container in React JS

Question

I am using a flexbox layout and am trying to get the text in a specific div to be resized to fit that div.

So for example, if I have code as follows:

&l         


        

Answer 1

You could simply hard code the size to 50 %

  

    A really, really, really, really long phrase here that will fit this div, and may wrap onto multiple lines if necessary. In this case it should fill half of the available space as the other div will cover the other half of the space.
  
  

    Some other text