How to align labels with radio & checkbox buttons properly?

In the screenshot, I want to be able to line up the labels with the radio and checkbox buttons for the second fieldset. However, after literally hours of tinkering, I still haven’t been able to fix it. Can anyone please help? Thank you very much.

CSS side:
form {
width:100%;
max-width: 450px;
}
input[name=“number”]{
width: 157px;
display:inline;
}
input[name=“text”], input[name=“email”]{
width: 170px;
display: inline;
}
select[name=“selection”]{
width: 150px;
margin: 10px 2px;
}

body{
background-color: #000000;
margin: 15px;
max-width:400;
}

h1{
color: #FFFFFF;
font-size: 30px;
text-align: center;
}

p{
color: #FFFFFF;
font-size: 17px;
text-align: center;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 10px;
}
legend{
color: #FFFFFF;
font-size: 20px;
text-align: center;
}
label{
color:#FFFFFF;
display:block;
}
.word-input {
display: block;
margin:5px;
}
input[name=“submit”]{
width:200;
display:inline;
margin: auto;
}

fieldset{
margin: 10px;
display:block;
}

.textarea{
width: 350px;
max-width:350px;
min-width:350px;
}

button[type=“button”] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
color:white;
background-color: #000000;
border-color: white;
min-width: 300px;
}
.checkboxz{
display: inline;
width: unset
}

.display{
display: inline;
margin: 0 0.2em 0.5em 0;
padding-top: 2px;
}


Second part of the HTML code, only is after this screenshot.

It’s half a pet peeve, half I’m worried I’m missing something basic from the start. If anyone can help that’ll be amazing, thank you.

make a ‘codepen/repl’ or any other sandbox for your codebase, it gets easier to help than looking at screenshots!! happy learning :slight_smile:

I managed to rethink and find the solution, or at least with the knowledge I have obtained so far. However, I’ll be using codepen in the future if that is more useful, thanks for the advice. :).