如何缩小HTML表单块以留出空间放置导航按钮？

我希望缩小我的表单块，以便在侧边放置导航按钮。

我的HTML代码如下：

<form>
  <legend><h1>login</h1></legend>
  user: <input id="Email" type="email" class="user">
  <br>
  password: <input id="password" type="password" class="pass"> 
  <br>   
  <button class="submit">Login</button>
  <nav>
     <a href="SignUpPage.HTML" class="signUpPage_link">Dont have an account?</a>
  </nav>
</form>

我尝试修改margin属性：

margin: 0 300px 0 300px;

还尝试修改padding属性：

padding-left: 10px;
padding-right: 10px;
padding-bottom: 400px;

但这样仅改变了边框的大小，并未改变表单块本身的尺寸。

内容的提问来源于stack exchange，提问作者ishy.aerospace