JSFiddle - React, Tailwind, and code Playground

by [Twiner]

HTML

<ul id="menu">
			<li><a href="#" class="menu-items1">OM OSS</a></li>
			<li><a href="#" class="menu-items1">TJÄNSTER</a></li>
			<li><a href="#" class="menu-items1">KUNDER</a></li>
			<li><a href="#" class="menu-items1">ADDRESS</a></li>
		</ul>

CSS

/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	margin-left:%;
	margin-right:29vw;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	font-family: "Open Sans", sans-serif;
    font-size: 11px;
    letter-spacing:2px;
	display:block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #000;
  padding:5px;
}