I am attempting to center an anchor on my webpage. It is going well, other than the fact I've been struggling to get an individual link to the middle of the page. Using `text-align: center;` requires the usage of a div which splits the page onto a new line. Using margins and spans and other tricks found online either split the form onto a new line or do nothing.

```css
span.right {
    float: right;
}
```

```html
<form action="login.py" method="post">
  <div class="container">
    <label for="username">
      <b>Username</b>
    </label>
    <input type="text" placeholder="Enter Username" name="uname" required>
    <label for="pword">
      <b>Password</b>
    </label>
    <input type="password" placeholder="Enter password" name="pword" required>
    <button type="submit">Login</button>
    <label>
      <input type="checkbox" checked="checked" name="remember"> Remember me
    </label>
    <a class="link-secondary" href="#">Sign up?</a>
    <span class="right"><a class="link-secondary" href="#">Forgot password?</a></span>
  </div>
</form>
```

This is what the html displays as, as well as where I would like the span to be, with content "sign up?".

![form](https://i.imgur.com/rtCaIP8.png)

Thank you.