Untitled

<!-- パターン１ -->
<body>
    <div class="hint-container">
        <button class="hint1 hint"><center</button>
        <button class="hint2 hint">id</button>
        <button class="hint3 hint">class</button>
        <button class="next hint">その他</button>
    </div>
</body>


<!-- あるボタンを押すと↓ -->

<!-- パターン２ -->
<body>
    <div class="hint-container">
        <button class="hint1"><br&rt;</button>
        <button class="hint2">style</button>
        <button class="hint3"><div</button>
        <button class="next">その他</button>
    </div>
</body>