Build a Survey Form Project - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

Can u guys help me put the radio button to the left and then the text will be next to it.

Your code so far

/* file: index.Ext.html */





<!DOCTYPE hmtl>
<html lang="en">
<head>
  <title>Call of Duty: Mobile</title>
  <link rel="stylesheet" href="styles.css">
  <meta charset="utf-8">
</head>
<body>
<h1 id="title">Call of Duty: Mobile Survey Form</h1>
  <p id="description">Please fill out this form with required information</p>
  <form id="survey-form">
<fieldset>
<div class="form-div>
<label for="name">Name<input id="name" type="text" name="name" placeholder="Enter your name" required></label>
  <label for="email">Email<input id="email" type="email" name="email" placeholder="Enter your email" pattern="[a-z0-9]{@}" required>  </label>
  <label for="age">Age<input id="age" type="number" name="age" placeholder="Age" pattern="[0-9]"></label>
  </div>
</fieldset>

<div class="form-div">
 <label>Do you play Call of Duty: Mobile?</label>
 </div>

<div class="form-div">
 <label><input type="radio" value="yes" name="play" > Yes</label>
</div>

<div class="form-div">
 <label><input type="radio" value="no" name="play" > No</label>
</div>

</form>

</body>


</html>



















    









    






































/* file: styles.Ext.css */





<!DOCTYPE hmtl>
<html lang="en">
<head>
  <title>Call of Duty: Mobile</title>
  <link rel="stylesheet" href="styles.css">
  <meta charset="utf-8">
</head>
<body>
<h1 id="title">Call of Duty: Mobile Survey Form</h1>
  <p id="description">Please fill out this form with required information</p>
  <form id="survey-form">
<fieldset>
<div class="form-div>
<label for="name">Name<input id="name" type="text" name="name" placeholder="Enter your name" required></label>
  <label for="email">Email<input id="email" type="email" name="email" placeholder="Enter your email" pattern="[a-z0-9]{@}" required>  </label>
  <label for="age">Age<input id="age" type="number" name="age" placeholder="Age" pattern="[0-9]"></label>
  </div>
</fieldset>

<div class="form-div">
 <label>Do you play Call of Duty: Mobile?</label>
 </div>

<div class="form-div">
 <label><input type="radio" value="yes" name="play" > Yes</label>
</div>

<div class="form-div">
 <label><input type="radio" value="no" name="play" > No</label>
</div>

</form>

</body>


</html>



















    









    






































Your mobile information:

M2007J3SG - Android 12 - Android SDK 31

Challenge: Build a Survey Form Project - Build a Survey Form

Link to the challenge:

Currently the radio button was in the middle and the text was in the right side

Hello!
Have you tried using an input radio selector with float property set to the alignment you want?
kind of like, i think.

input[type=value]{
property=value
}

I just found something that suggested that option.
Happy coding! :slight_smile:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.