Radio Form Input's text not being styled - html

Question

I can't get the form text to be styled. The text is left all the way at the top, while my radio inputs are correctly styled to be 100px from the top. Does it require a special attribute tag? I don't believe the documentation made note of that, if that's the case. Anyway, my code is:
input[type='radio'] {
position: relative;
top: 100px;
margin-left: 70px;
font-family: Arial;
}
<form>
<input type='radio' name='level' value='choice1' checked='checked'>Choice 1</input>
<input type='radio' name='level' value='choice2'>Choice 2</input>
</form>

Answer 1

Make labels out of the text as follows:
.radio-label {
position: relative;
top: 100px;
margin-left: 70px;
font-family: Arial;
}
<form>
<label class="radio-label">Choice 1 <input type='radio' name='level' value='choice1' checked='checked'></label>
<label class="radio-label">Choice 2 <input type='radio' name='level' value='choice2'></label>
</form>

Answer 2

Based on the info of the W3 about the input type radio you have a few mistakes:
This doesn't allow any content
The attribute val isn't allowed must be value
No need for the closing tag of the input
And with the example of the wiki, you need to restructure your code like this:
label {
position: relative;
top: 100px;
margin-left: 70px;
font-family: Arial;
}
<form>
<label><input type='radio' name='level' value='choice1' checked='checked'/>Choice 1</label>
<label><input type='radio' name='level' value='choice2'/>Choice 2</label>
</form>
Note: Use the validator of W3 to avoid structural mistakes