JSFiddle - React, Tailwind, and code Playground
by James Doyle
HTML
<div id="bboxmembership_BBEmbeddedForm" class="BBFormContainer" style="visibility: visible;" data-bbox-part-id="9c846c99-0ae2-48f3-961c-ba155304dc80">
<div id="divClientError" class="BBFormErrorBlock" style="display: none"></div>
<div id="bboxmembership_divForm" class="BBMembershipForm">
<!-- membership listing -->
<div id="mongoMembershipForm">
<div class="BBMembershipListing">
<div class="BBMembershipOptionTemplate" style="display: none;">
<div id="MembershipOption" class="BBMembershipOptionWrapper">
<input name="bboxmembership$membershipBlock$hdnMembershipID" type="hidden" id="bboxmembership_membershipBlock_hdnMembershipID" class="hdnMembershipID" />
<input name="bboxmembership$membershipBlock$hdnMembershipFee" type="hidden" id="bboxmembership_membershipBlock_hdnMembershipFee" class="hdnMembershipFee" />
<input name="bboxmembership$membershipBlock$hdnSecondaryMembersCount" type="hidden" id="bboxmembership_membershipBlock_hdnSecondaryMembersCount" class="hdnSecondaryMembersCount" value="0" />
<div class="BBMembershipOptionSelectedWatermark">
</div>
<div class="BBWrapMembershipOption">
<div class="BBWrapMembershipDetails">
<div class="BBWrapMembershipTitle"></div>
<div class="BBWrapMembershipSubTitle"></div>
<div class="BBWrapMembershipDescription"></div>
</div>
<div class="BBWrapMembershipLinks BBAlignleft">
<span class="lblJoinNow BBAccessibilityOnly"></span>
<div id="bboxmembership_membershipBlock_divJoinNow" class="BBLinkJoinMembershipButton BBFormFieldLabelEdit" href="#">Join now</div>
<span class="lblGiveAsGift BBAccessibilityOnly"></span>
<div id="bboxmembership_membershipBlock_divGiveAsGift" class="BBLinkGiveMembershipButton BBFormFieldLabelEdit" href="#">Give as gift</div>
</div>
<div class="BBClearFix"></div>
</div>
</div>
...