JSFiddle - React, Tailwind, and code Playground

by osman rahimi

HTML

<a href="javascript:void(0);" class="navoption">The quick brown fox jumps over the lazy dog.</a><br /><br />
<a href="javascript:void(0);" class="navoption">Quick brown.</a><br /><br />
<a href="javascript:void(0);" class="navoption">The quick brown fox jumps.</a><br /><br />
<a href="javascript:void(0);" class="navoption">Lazy dog.</a><br /><br />
<button class="break">Wrap Two Words</button>

JavaScript

$(document).ready(function () {

    $(".break").click(function(){
        $(".navoption").each(function(){
        var count = $(this).text().split(" ");
            var amount = count.length;
            if (amount == 2) {
                $(this).html($(this).html().replace(/ /g, "<br />"));
            } 
        });

    });
});