JSFiddle - React, Tailwind, and code Playground

HTML

<p style="display: none">Aliquam vehicu'la ante, at nisi com-modo egestas vitae sit amet nulla. Proin blandit suscipit, pharetra.</p>

<div id="result">
    
</div>

CSS

a {
    display: inline-block;
    margin: 0 4px 0 0;
    color: blue;
    text-decoration: none;
}

a:hover {
    background: yellow;
};

JavaScript

var text = $("p").text();

var textArray = text.split(" ")

for(var i = 0; i < textArray.length; i++) {
    $("<a href='#' />").text(textArray[i]).appendTo($("#result"));
}