Pls how do I reduce the space between the radio buttons and checkboxes
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1 id="title">Survey form</h1>
<p id="description"=>please fill out the survey form</p>
<form id="survey-form">
<label id="name-label" >Name <input id="name" type="text" placeholder="my name is" required /></label>
<label id="email-label">Email <input id="email" type="email" placeholder="johndoe@mail.com" required /></label>
<label id="number-label">Number <input id="number" type="number" min="13" max="100" placeholder="my age is" required /></label>
<label>which option best describes your current role?</label>
<select id="dropdown">
<option value="">select one</option>
<option > Student</option>
<option >Part time Job</option>
<option >full time Job</option>
<option>Prefer Not to say</option>
<option>Other</option>
</select>
<label>Would you recommend our services to others?</label>
<label><input type="radio" class="inline" name="recommendation" value="1" /> definitely</label>
<label><input type="radio" class="inline" name="recommendation" vlaue="2" /> maybe</label>
<label><input type="radio" class="inline" name="recommendation" value="3" /> prefer not to say</label>
<label> Where would you like us to improve in our services?</label>
<label><input type="checkbox" class="inline" name="suggestions" value="1" /> Customer Service </label>
<label><input type="checkbox" class="inline" name="suggestions" value="1" />
</form>
</body>
</html>
/* file: styles.css */
label {
display: block;
margin: 20px;
font-size: 25px;
}
input {
display: block;
margin: auto;
width: 100%;
min-height: 2em;
border-radius: 5px;
}
body {
background-color: #1b1b32;
color: #f5f6f7;
margin: 50px;
}
input[type="radio"] {
display: inline;
}
.inline {
width: 15;
vertical-align: middle;
}
h1,p {
text-align: center;
}
select {
padding: 5px;
width: 93%;
border-radius: 5px;
margin-left: 20px;
}
input[type="checkbox"]{
display: inline;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
