JSFiddle - React, Tailwind, and code Playground

by Liam Talbot

HTML

<body>
    <div style="background-color:#DC143C; text-align:center">
    <p><h1>Firecore Starblade</h1></div>p>
    </div>
    <p style="text-align:center">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRz83KYRPqRKFLb4rtJdS6JzGL-OZ-OhSVE5nOz1Q7CZ3seOe1-"; width="10%" ; height="10%">
    </p>
    <div>
       <table border="1px" align="center">
            <thead style="background-color:#DC143C">
                <tr>
                    <th>Attributes</th>
                    <th>HP</th>
                    <th>AP</th>
                    <th>Dex</th>
                    <th>Str</th>
                    <th>Int</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="background-color:#DC143C"><strong>Value</strong></td>
                    <td>100</td>
                    <td>50</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div style="text-align:center">
        <a href="firecoreMain.html">Back</a>
    </div>
</body>