JSFiddle - React, Tailwind, and code Playground

HTML

<!-- To change this template, choose Tools | Templates and open the template
in the editor. -->
<!DOCTYPE html>
<html>
    
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    
    <body>
        <table class="courses" border="0" cellpadding="2" cellspacing="2" width="842px"
        style="font-size:13px; font-weight: lighter">
            <tbody>
                <tr>
                    <td colspan="5">
                        <p><strong>48. &#52828;&#44396; &#51665;&#50640; &#44052;&#49845;&#45768;&#45796;. &#52828;&#44396;&#44032; &#50630;&#50632;&#49845;&#45768;&#45796;. &#46160;&#47928;&#51109;&#51012; &#48148;&#47476;&#44172; &#50672;&#44208;&#54620; &#44163;&#51012; &#44256;&#47476;&#49901;&#49884;&#50724;.                        </strong>

                        </p>
                    </td>
                </tr>
                <tr>
                    <td width="20%">
                        <p align="center">
                            <input name="a[48]" value="0" type="radio">
                            <br>&#52828;&#44396; &#51665;&#50640; &#44032;&#49436; &#52828;&#44396;&#44032;
                            &#50630;&#50632;&#49845;&#45768;&#45796;
                            <br>
                        </p>
                    </td>
                    <td width="20%">
                        <p align="center">
                            <input name="a[48]" value="0" type="radio">
                            <br>&#52828;&#44396; &#51665;&#50640; &#44052;&#44256; &#52828;&#44396;&#44032;
                            &#50630;&#50632;&#49845;&#45768;&#45796;.
                            <br>
                        </p>
                    </td>
                    <td width="20%">
                        <p align="center">
                            <input name="a[48]" value="1" type="radio">
                            <br>&#52828;&#44396; &#51665;&#50640;...