JSFiddle - React, Tailwind, and code Playground

HTML

<base href="http://cdn.sstatic.net/stackoverflow/">

<link rel="stylesheet" type="text/css" href="all.css?v=4da5848172aa">
<div class="topbar">
    <div class="topbar-wrapper">
        <div class="js-topbar-dialog-corral">
            <div class="topbar-dialog siteSwitcher-dialog dno">
                <div class="header">
                     <h3><a href="//stackoverflow.com">current community</a></h3>

                </div>
                <div class="modal-content current-site-container">
                    <ul class="current-site">
                        <li>
                            <div class="related-links"> <a href="http://chat.stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a>
 <a href="http://blog.stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:7 })">blog</a>
 <a href="/users/logout" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:8 })">log out</a>

                            </div> <a href="//stackoverflow.com" class="current-site-link site-link js-gps-track" data-id="1" data-gps-track="
        site_switcher.click({ item_type:3 })">
        <div class="site-icon favicon favicon-stackoverflow" title="Stack Overflow"></div>
        Stack Overflow
    </a>

                        </li>
                        <li class="related-site">
                            <div class="L-shaped-icon-container"> <span class="L-shaped-icon"></span>

                            </div> <a href="http://meta.stackoverflow.com" class="site-link js-gps-track" data-id="552" data-gps-track="
            site.switch({ target_site:552, item_type:3 }),
        site_switcher.click({ item_type:4 })">
        <div class="site-icon favicon favicon-stackoverflowmeta" title="Meta Stack Overflow"></div>
        Meta Stack Overflow
    </a>

                        </li>
                        <li class="related-site">
                            <div...