Skip to content

Commit b6c78a5

Browse files
Neatened my line of code added a few <p> and <div>
1 parent 1979160 commit b6c78a5

1 file changed

Lines changed: 30 additions & 11 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 30 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,42 +8,57 @@
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
99
</head>
1010
<body>
11+
1112
<header>
1213
<h1>Product Pick</h1>
1314
</header>
15+
1416
<main>
1517

1618
<form>
1719

1820
<fieldset>
21+
1922
<legend>Your Details</legend>
20-
<p>
21-
<label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>
22-
</p>
2323

24-
<p>
24+
<p>
25+
<div>
26+
<label for="name">Name: <input type="text" name="name" id="name" placeholder="John Smith" required></label>
27+
</div>
28+
</p>
29+
<p>
30+
<div>
2531
<label for="email">Email: <input type="text" name="email" id="email" placeholder="example@email.com" required></label>
26-
</p>
32+
</p>
33+
2734
</fieldset>
2835

2936
<fieldset>
37+
3038
<legend>Shirt Colour Options</legend>
31-
<p>
39+
40+
<p>
41+
<div>
3242
<input type="radio" name="color" id="colour_1">
3343
<label for="colour_1">Red</label>
34-
</p>
35-
<p>
44+
</div>
45+
<div>
3646
<input type="radio" name="color" id="colour_2">
3747
<label for="colour_2">Blue</label>
38-
</p>
39-
<p>
48+
</div>
49+
<div>
4050
<input type="radio" name="color" id="colour_3">
4151
<label for="colour_3">Green</label>
42-
</p>
52+
</div>
53+
</p>
54+
4355
</fieldset>
4456

4557
<fieldset>
58+
4659
<legend>Shirt Size Options</legend>
60+
<p>
61+
4762
<label for="size">Size Options</label>
4863
<select name="size" id="size">
4964
<option value="xs">Extra Small</option>
@@ -53,6 +68,8 @@ <h1>Product Pick</h1>
5368
<option value="xl">Extra Large</option>
5469
<option value="xll">Extra Extra Large</option>
5570
</select>
71+
</p>
72+
5673
</fieldset>
5774

5875
<div>
@@ -64,8 +81,10 @@ <h1>Product Pick</h1>
6481
</form>
6582

6683
</main>
84+
6785
<footer>
6886
<p>By MATTHAUS BAUSE</p>
6987
</footer>
88+
7089
</body>
7190
</html>

0 commit comments

Comments
 (0)