form.html

<title>职业测试 - Majoring+</title>
<style>
  #maindiv {
    border: 1px solid grey;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 2.3px 3px rgba(0, 0, 0, 0.015),
      0 5.3px 7.1px rgba(0, 0, 0, 0.022), 0 9.6px 12.7px rgba(0, 0, 0, 0.028),
      0 15.9px 21px rgba(0, 0, 0, 0.032), 0 26.2px 34.7px rgba(0, 0, 0, 0.038),
      0 45.8px 60.6px rgba(0, 0, 0, 0.045), 0 99px 131px rgba(0, 0, 0, 0.06);
  }
  #items{
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 25px;
    border: 1px solid grey;
  }
  a{
    text-decoration: none;
  }
</style>

<div id="maindiv">
  <h3 style="position: relative;"> 欢迎来到职业测试！请在下面选择一个测试继续</h1><br />
  <div id="items">
    <a href="https://www.apesk.com/mbti/dati.asp">
      >APESK瑞士荣格理论职业性格测试
    </a>
  </div>
  <div id="items">
    <a href="https://www.apesk.com/holland2/">
      > 霍兰德SDS职业兴趣测试
    </a>
  </div>
</div>