JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<section id="footer">
    <div class="container inline-block">
        <ul class="copyright">
            <li>&copy; Securities Training Corporation. All rights reserved. |
                <div class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-title">
                            <a data-toggle="collapse" href="#collapse1">Refund Policy</a>
                        </div>
                        <div id="collapse1" class="panel-collapse collapse">
                            <table border="0" cellpadding="2" cellspacing="0" font-size="12">
                                <tr>
                                    <td>
                                        <br />
                                        <span>This is our Refund Policy in the collapsible div</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</section>

CSS

#footer .copyright .panel-group {
    display: inline-block !important;
}