JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ust">
	
	<div class="menu">
	<ul>
	<li><a href="index.php">En Yeniler</a></li>
	<li><a href="capsyap.php">Caps Yap</a></li>
	<li><a href="tumcapsler.php">Caps Çöplüğü</a></li>
	</ul>
	</div>
	</div>

CSS

@font-face{
	src:url("arnorg.ttf");
font-family:arnorg;
}
html {
width:100%;
height:100%;
}
body{
		background-color: #e8e8e8;
		margin: 0%;
		padding: 0%;
		width:100%;
		height:100%;
	}
	
#ust {
background-color:black;
width:100%;
height:8.5%;
text-align:right
/*border-bottom:solid #ff0000;*/
}

.menu {

float:right;
width:50%;
height:100%;

}

ul{
width:100%;
float:right; 
}
ul li {
float:left;
font-family:arnorg;
font-size:100%;
margin-left:12%;
}

ul li a {
color:white;
text-decoration:none;


}

/*
.transparan {
width:100%;
height:7%;
background-color:#F1F1F1;
background-color:red;


	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}
*/