         <div class="tab-pane tab-example-html fade" id="pills-four-direction-html" role="tabpanel"
                    aria-labelledby="pills-four-direction-html-tab">

                    <pre><code class="language-markup"> <span class="token comment">&lt;!-- four directions
                          --&gt;</span>
                        <span class="token tag"><span class="token tag"><span
                              class="token punctuation">&lt;</span>button</span> <span
                            c