JSFiddle - React, Tailwind, and code Playground

by Mukul kant

HTML

<div id="wrapper">

	<header>
		<ul id="menu">
			<li><a href="index.html">Home</a></li>
			<li><a href="about.html">About</a></li>
			<li><a href="faq.html">FAQ</a></li>
			<li><a href="other.html">Other</a></li>
		</ul>
	</header>

</div>

CSS

#wrapper {
	width:1840px;
	margin: 0px auto;
	/*text-align: left;*/
	padding:15px;
	background-color: #F0E0B2;
	position: relative;
	}

#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu {
	position: absolute;
    bottom: 0;
    right: 0;
	border-right: 1px solid #C0B38E;
    background-color:red;
	}
ul#menu li{
	text-align: right;
	padding-right: 5px;
	float: left;
	}