JSFiddle - React, Tailwind, and code Playground

by gamehendgeVA

HTML

<link rel="stylesheet" href="https:////maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https:////maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="subHeading" id="selectedPackageHeading">Selected Package</div>
<div class="alert alert-info" role="alert" style="margin:20px;color:#000;background-color:#ebf5ff;padding-top:34px;">
<table class="table" style="border:0px;">
<tr>
<td>
<div class="radio">
<label for="package1">
<input name="esub" id="esub" value="A" checked="checked" type="radio">Description goes here</label>
</div>
</td>
<td style="vertical-align:middle;"><strong>$###</strong>
</td>
</tr>
</table>
</div>
<div class="subHeading">Other Packages You May Be Interested In</div>
<table class="table">
<tr>
<td>
<div class="radio">
<label for="package2">
<input name="esub" id="esub" value="B" type="radio">Description goes here</label>
</div>
</td>
<td style="vertical-align:middle;"><strong>$###</strong>
</td>
</tr>
<tr>
<td>
<div class="radio">
<label for="package3">
<input name="esub" id="esub" value="C" type="radio">Description goes here</label>
</div>
</td>
<td style="vertical-align:middle;"><strong>$###</strong>
</td>
</tr>
</table>