position: relative;を使用すると横幅が長くなる

下記のような画像のレイアウトにしたいと思っています。
以下のコードのようにすると、画面が長くなり、下に余白ができてしまいます。
どのようにすればいいですか？
アドバイス頂けると助かります。

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <link rel="stylesheet" href="css/style.css">
8    <title>練習</title>
9</head>
10<body>
11    <form action="">
12        <div class="box1">
13            <label for="">
14                <input type="radio" value="サトノヘリオス">サトノヘリオス
15            </label>
16            <label for="">
17                <input type="radio" value="エフフォーリア">エフフォーリア
18            </label>
19            <label for="">
20                <input type="radio" value="ディープインパクト">ディープインパクト
21            </label>
22
23        </div>
24
25        <div class="box2">
26            <label for="">
27                <input type="radio" value="アサマノイタズラ">アサマノイタズラ
28            </label>
29            <label for="">
30                <input type="radio" value="サリ">サリ
31            </label>
32            <label for="">
33                <input type="radio" value="ワールドプレミア">ワールドプレミア
34            </label>
35
36        </div>
37
38        <div class="box3">
39            <label for="">
40                <input type="radio" value="アサマノイタズラ">アサマノイタズラ
41            </label>
42            <label for="">
43                <input type="radio" value="サリ">サリ
44            </label>
45            <label for="">
46                <input type="radio" value="ワールドプレミア">ワールドプレミア
47            </label>
48
49        </div>
50
51        <div class="box4">
52            <label for="">
53                <input type="radio" value="アサマノイタズラ">アサマノイタズラ
54            </label>
55            <label for="">
56                <input type="radio" value="サリ">サリ
57            </label>
58            <label for="">
59                <input type="radio" value="ワールドプレミア">ワールドプレミア
60            </label>
61
62        </div>
63
64        <div class="box5">
65            <label for="">
66                <input type="radio" value="アサマノイタズラ">アサマノイタズラ
67            </label>
68            <label for="">
69                <input type="radio" value="サリ">サリ
70            </label>
71            <label for="">
72                <input type="radio" value="ワールドプレミア">ワールドプレミア
73            </label>
74
75        </div>
76        <input type="submit" value="送信" class="btn">
77
78        
79    </form>
80　　<form action="">
81        <input type="submit" value="戻る">
82    </form>
83</body>
84</html>

css
1body {
2    width: 500px;
3}
4
5.box1 label {
6    display: block;
7    margin-bottom: 20px;
8}
9
10.box2 label {
11    display: block;
12    margin-bottom: 20px;
13}
14
15.box3 label {
16    display: block;
17    margin-bottom: 20px;
18}
19
20.box4 label {
21    display: block;
22    margin-bottom: 20px;
23}
24
25.box5 label {
26    display: block;
27    margin-bottom: 20px;
28}
29
30.box1 {
31    margin-top: 80px;
32}
33
34.box2 {
35    position: relative;
36    top: -130px;
37    left: 200px;
38}
39
40.box3 {
41    position: relative;
42    top: -260px;
43    left: 400px;
44}
45
46.box4 {
47    position: relative;
48    top: -390px;
49    left: 610px;
50}
51
52.box5 {
53    position: relative;
54    top: -520px;
55    left: 850px;
56}
57
58.btn {
59    position: relative;
60    top: -300px;
61    
62}