JSFiddle - React, Tailwind, and code Playground

by SchmalzyB

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div style="margin-top: 10px">
    <div class="table-responsive">
        <table class="table">
            <tr>
                <th>Section 1</th>
                <th>Section 2</th>
            </tr>
            <tr>
                <td>
                    <div>Some Text</div>
                </td>
                <td>
                    <table class="table table-striped">
                        <tr>
                            <td>#1</td>
                            <td style="text-align: center"><span style="font-size: 14px">TEST</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</div>