JSFiddle - React, Tailwind, and code Playground

HTML

<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_1">
box uno
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_2">
box dos
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_3">
box tres
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_4">
box quatro
<p>
yo
</p>
</div><br>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_5">
box cinco
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_6">
box seis
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_7">
box siete
</div>
<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pt_text_align_left et_pb_text_8">
box ocho
</div>

CSS

div {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: rgba(255,255,255,0.5);
}

JavaScript

$(function(){
 $(".et_pb_text_1").prepend("<a href=\"#\">"),$(".et_pb_text_1").append("</a>");
 $(".et_pb_text_2").wrap("<a href=\"/sf-benefits\"></a>");
 $(".et_pb_text_3").wrap("<a href=\"sf-courses\"></a>");
 $(".et_pb_text_4").wrap("<a href=\"sf-support\"></a>");
 $(".et_pb_text_5").wrap("<a href=\"https://docs.google.com/forms/d/e/1FAIpQLScE_GVDAYNZRZhI_BKcY4IWn-sIt9a4vuIXUJ262mgIuuBIvQ/viewform?usp=sf_link\"></a>");
 $(".et_pb_text_6").wrap("<a href=\"/sf-faq\"></a>");
 $(".et_pb_text_7").wrap("<a href=\"/sf-events\"></a>");
 $(".et_pb_text_8").wrap("<a href=\"/contact/\"></a>");
});