I'm wanting to leave the links on the Control Drivers page, Control Passengers, Control Racing, from the menu a little more separate but spaced, but I'm not getting it.
<%@pagecontentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="js/jquery.maskedinput.js" type="text/javascript"></script>
<script src="js/jquery.maskedinput.min.js" type="text/javascript">
</script>
<script src="bootstrap/bootstrap.min.js" type="text/javascript">
</script>
<script src="bootstrap/bootstrap.js" type="text/javascript"></script>
<link rel="stylesheet" href="bootstrap/bootstrap.css">
<link rel="stylesheet" href="css/css.css" type="text/css">
<title>JSP Page</title>
<script>
</head>
<body>
<nav id="menu">
<a href="index.jsp">Controle Motoristas</a></li>
<a href="passageiros.jsp">Controle Passageiros</a></li>
<a href="#">Controle Corridas</a></li>
</nav>
#menu {
background-color: #C0C0C0;
margin-top: 30px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13pt;
color:black;
}
footer{
background-color: #C0C0C0;
margin-top: 350px;
padding-top: 15px;
padding-bottom: 15px;
}