I'm struggling to align the radio button next to its label in my form. The circle is quite large and always seems to be centered with a bigger size, taking up an entire line. I believe the issue lies with the width settings. I've tried separating the radio button but it still doesn't seem to work.
form {
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: auto;
padding-bottom: 2em;
background-color: #1b1b32;
padding-left: 25px;
padding-right: 25px;
border-radius: 5px;
margin-top: 15px;
}
input,
textarea,
select {
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;
border-radius: 5px;
border: none;
margin-bottom: 20px;
margin-top: 5px;
padding: 5px;
}
fieldset {
border: none;
padding: 2rem 0;
} <p>Would you recommend this to your friend?</p>
</fieldset>
<fieldset>
<label><input type="radio"/>Yes</label>
</fieldset>
</form>
</body>