JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cms-page">
<nav class="sub-nav pull-right">
	<ul class="inline toplevel-nav">
        
                <li class="dropdown dd-checkin">
                <a href="#" class="toplevel dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">Check-In <i class="icon-caret-down"></i></a>
                    
                            <div class="dropdown-menu">
                                <div class="">
					                <ul class="unstyled dropdown-list">
						                <li class="heading"></li>
                        
                                        <li>• <a href="https://book.cebupacificair.com/CheckInRetrieval.aspx">Check-in online</a></li>
                        
                                        <li>• <a href="https://book.cebupacificair.com/PrintBoardingPassRetrieval.aspx">Print boarding pass</a></li>
                        
                                    </ul>
                                </div>
                            </div>
                        
                    
                </li>
            
                <li class="dropdown dd-managebooking">
                <a href="https://book.cebupacificair.com/RetrieveBooking.aspx" class="toplevel dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">Manage Booking <i class="icon-caret-down"></i></a>
                    
                    
                            <div class="dropdown-menu">
                        
                                <div class="width-twofifth pull-left">
					                <ul class="unstyled dropdown-list">
						                <li class="heading">MY BOOKING</li>
                                        
                                                <li>• <a href="https://book.cebupacificair.com/CustomerBookingList.aspx">All bookings</a></li>
                                            
                                                <li>• <a...

CSS

.cms-page .sub-nav .toplevel-nav li{margin-left:10px;padding:0}.cms-page .sub-nav a.toplevel{font-size:20px;font-weight:bold;color:#666;padding:10px 20px 8px 20px;border:1px solid transparent;text-decoration:none;background:#fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.cms-page .sub-nav a.toplevel:hover{color:#36C;text-decoration:none}.cms-page .sub-nav .open>.dropdown-toggle{border-color:#ccc;border-bottom-color:#fff}.cms-page .sub-nav .open>.dropdown-toggle:hover{color:#666}.cms-page .sub-nav .dropdown-menu{top:30px;border-color:#ccc}.cms-page .sub-nav i{color:#ffe700;margin-left:3px}.cms-page .sub-nav .dropdown-list{padding:20px 10px}.cms-page .sub-nav .dropdown-list .heading{color:#36C;text-transform:uppercase;letter-spacing:1px}.cms-page .sub-nav .dropdown-list li{color:#36C}.cms-page .sub-nav .dropdown-list a{font-size:16px;line-height:24px;color:#666}.cms-page .sub-nav .dd-managebooking .dropdown-menu{width:423px;left:-120px}.cms-page .sub-nav .dd-flightstatus .form-flightstatus{padding:20px}.cms-page .sub-nav .dd-checkin .dropdown-menu{width:250px;left:-20px}.cms-page .footer{margin-top:30px;padding-bottom:30px}.cms-page .footer .footer-links{color:#666}.cms-page .footer .footer-links .fl-bookatrip{width:93px;float:left;margin-right:28px}.cms-page .footer .footer-links .fl-checkin,.cms-page .footer .footer-links .fl-manage,.cms-page .footer .footer-links .fl-quicklinks,.cms-page .footer .footer-links .fl-status{width:158px;float:left;margin-right:28px}.cms-page .footer .footer-links .fl-social{width:279px;float:left}