JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li>
        <a href="#">Level 1</a>
        <ul>
            <li>
                <a href="#">Level 2</a>
                <ul>
                    <li>
                        <a href="#">Level 3</a>
                        <ul>
                            <li>
                                <a href="#">Level 4</a>
                            </li>
                            <li>
                                <a href="#">Level 4</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Level 3</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Level 2</a>
                <ul>
                    <li>
                        <a href="#">Level 3</a>
                        <ul>
                            <li>
                                <a href="#">Level 4</a>
                            </li>
                            <li>
                                <a href="#">Level 4</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Level 3</a>
                        <ul>
                            <li>
                                <a href="#">Level 4</a>
                                <ul>
                                    <li>
                                        <a href="#">Level 5</a>
                                    </li>
                                    <li>
                                        <a href="#">Level 5</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Level 4</a>
                                <ul>
                                    <li>
                                        <a href="#">Level 5</a>
...

CSS

#menu { }
#menu li { width:100px; position:relative; }
#menu li a { height:15px; padding:5px 10px; background:#eee; display:block; }
#menu li a:hover { background:#fff; }
#menu > li { float:left; }
#menu > li ul { position:absolute; top:25px; left:0; display:none; }
#menu > li li ul { top:0; left:100%; }
#menu li:hover > ul { display:block; }