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;
}
