JSFiddle - React, Tailwind, and code Playground

by Brett Miley

HTML

<div class="links">
    <li>
        <img alt="Book resources" src="http://www.unimenta.com/Sites/Unimenta/library/images/Panel images-Book Resources-1.jpg" style="width: 149px; height: 99px; " />
<a href="http://www.unimenta.com/Default.aspx?pagename=All-achieving-results-materials-and-resouces">Achieving results</a>

    </li>
    <li></li>
</div>

CSS

.element-wrapper {
      position: relative;
      float: left;
      width: 137px;
      padding: 0px 6px 0px 6px;
      display: block;
      text-align: center;
      margin: 0px 10px 10px 0px;
      background-color: #f26222;
      border: 1px solid #f26222;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      min-height: 133px;
  }

JavaScript

$(".links li").each(function (index) {
	    $(this).next(".EnhanceTwoGenericStyleSix").andSelf().wrapAll("<div class='element-wrapper' />");
	});