Jeg lurer på hvordan jeg kan få mellomrom mellom linkene i en liste som er horisontal?
Vet at koden er klønete som pokker men jeg har akkurat begynt å det viktigste er innholde vises på en profesjonell måte. Er langt unna målet så bruker dropbox med droppage for å hoste noe som er veldig merkelig. index filen må lagres i txt og jeg har enda ikke funnet ut hvordan linken blir til de sidene menyen skal lede til. men jeg fokuserer på designen først.
Uansett takk for all hjelp på forhånd alle tips er velkommne 
URL: http://farma.droppages.com/#
kode:
<!DOCTYPE html>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />
<title>Potensere CIP450 medisiner</title>
<style>
title {
font-family: verdana;
}
header {
background: url(‘https://www.opiates.com/wp-content/uploads/2017/10/3124-white_pills-1296×728-header-1296×648.jpg’);
background-size: cover;
padding: 5px;
border-radius: 10px;
margin: 0, auto;
color: rgba(0,0,0,0.7);
font-family: Arial, Helvetica, sans-serif;
}
h1 {
text-align: center;
}
ul {
border-radius: 5px;
margin: 0 50 0 50;
border: 1px solid black;
padding: 10px;
background: rgba(200,200,200,0.7);
text-align: center;
font-size: 18px;
}
li {
margin: 0 20 0 20;
display: inline;
padding: 0, 10px 0 10px;
}
body {
background: lightgrey;
}
h2 {
text-align: center;
margin: 0 auto;
}
.oppskrift {
text-align: left;
}
.hvordan {
text-center: center;
}
.kontakt {
text-align: right;
}
div {
display: inline;
}
</style>
<head>
<header>
<h1>Potensere medisiner,hemme CIP450 enzymer.</h1>
<ul>
<div class=»oppskrift»><li><a href=»#»>Oppskrift</a></li></div>
<div class=»hvordan»><li><a href=»hvordan.html»>Hvordan</a></li></div>
<div class=»kontakt»><li><a href=»#»>Kontakt</a></li></div>
</ul>
</header>
</head>
<body>
<div
<article>
<h2>Oppskrift</h2>
<p>Her kommer oppskriften av hvilke midler (grapefruktjuice, antihistaminer, og natron, blant annet) og når det skal inntaes for å få maksimal effekt.
</p>
</article>
</div>
</body>