A binary search algorithm to easily manage text-wrapping. Titles and headings on websites play a crucial role in helping users understand the content and context of a webpage. Unfortunately, these elements can often be difficult to read due to typographical anti-patterns, such as a single hanging word on the last line. To tidy up these "widows and orphans," React Wrap Balancer  reduces the content wrapper to the minimum possible width before an extra line break is required. As a result, the lines of text stay balanced and legible, especially when the content is lengthy. Link to heading Solving the text wrapping dilemma The idea of using text wrapping to improve the readability of titles is not a new one. Anything that impacts legibility ultimately impacts accessibility, so several organizations have made efforts to improve text clarity across the web. In 2012, Adobe released the  balance-text  project, which is based on jQuery and provides an imperative API for dealing with raw DOM elements.…