I've created a basic horizontal navigation bar. It has your generic options: Homepage, contact us, about, and games. However, even though contact us, games, and Homepage are close together, I want to make it so about is on the opposite side of the web page/navigation bar, far away from the others but still connected to it through a huge empty space of the navigation bar. How would I go about doing this? Below is my current CSS code if it helps:

```
.horiznavli {
    display: inline;
    padding:20px 32px 20px;
    border-color: #333333;
    background-color: #333;
  color:white;
  text-align: center;
  font-family: "Lucida Grande", Times, Serif

}

.horiznavli:hover{

background-color: #4CAF50;
}

.horiznavli:active{
    background-color: grey;
}

#HorizNav{

    position: relative;
    left: -60px

}

#HorizNav #spaced {

}

```

EDIT: My apologies here is the HTML code:

```
<!DOCTYPE HTML>

<html lang="en">
    <head>
        <link rel="stylesheet" type="text/css" href="frontpage.css">
        <meta charset="UTF-8">
        <meta name="description" content="Official Dark Matter Studios site">
        <meta name="keywords" content="HTML, Studio, Game, Dark Matter">
        <meta name="author" Content="Matt Jones">

        <title> Dark Matter Studios </title>

    </head>

<body>
<ol id = "HorizNav" style = "list-style-type:none">
<li class = "horiznavli"> HomePage </li>
<li class = "horiznavli"> About </li>
<li class = "horiznavli"> Games </li>
<li class = "horiznavli" id = "spaced"> Conact Us </li>
</ol>

<h1 id="title_screen"> Dark Matter Studios</h1>
    <div id="wrapper">

    <h1> What is Dark Matter Studios all about? </h1>

        <p> Dark Matter studios is an independent game development dedicated to producing quality games out of a passion and love for gaming.<br>
        Born from the frustration of anti-consumerism, microtransactions and DLC eccentric practices held by many AAA companies </p>    

<br>
<br>
    <h1> WHAT WE'RE ALL ABOUT </h1> 

    <p> Dark Matter Studios was founded around the principle of honesty and integrity with our fans. After all, without them we wouldn't get anywhere! Though Dark Matter studios holds itself responible the following standards: </p>

    <ol style="list-style-type: circle">
    <li> Honesty with our customers. </li>
    <li> No Microtransactions or overpriced DLC</li>
    <li> We are honest with our customers, we don't promise things and not deliver</li>
    <li> We promise high quality games, with no graphical downgrades on release</li>
    <li> We stick to our word, we do not mislead our customers to gain a quick buck off them</li>
    </ol>

    </div>

</body>

</html>

```