Hi
would someone please advise me on how to center just this “p” element? I want it to be centered just like “h1,” but I have many other Ps in the whole thing, so if I format just this one “p,” ALL the other “Ps” get centered too, which is not what I want.
<p id="description">
Thank you for taking the time to help us improve the platform</p>
I also tried the: p[id=“title”], but that didn’t work either. Here is the whole code below
<!DOCTYPE html>
<html lang="en">
<head>
<title>Survey Form</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<main>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">
Thank you for taking the time to help us improve the platform</p>
</main>
<form method="post" action="https://survey-form.freecodecamp.rocks" id="survey-form">
<p><label id="name-label" for="name"> Name <input id="name" type="text" required placeholder="Enter your name"/></label></p>
<p><label id="email-label" for="email"> Email<input id="email" name="email" type="email" placeholder="Enter your email address" required/></label></p>
<p><label id="number-label" for="number"> Age (optional) <input id="number" name="number" type="number" max="120" min="13" placeholder="Age"/></label></p>
<fieldset>
<p><label for="dropdown"> Which option best describe your current role?<select id="dropdown" name="dropdown">
<option value="">Select an option</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to Say</option>
<option value="5">Other</option>
</select>
</label></p>
<label> Would you recommend freCodeCamp to a friend?</label>
<p><input type="radio" id="definitely" name="definitely-maybe-notsure" value="definitely" checked/> Definitely</p>
<p><input type="radio" id="maybe" name="definitely-maybe-notsure" value="maybe"/> Maybe</p>
<p><input type="radio" id="notsure" name="definitely-maybe-notsure" value="notsure"/> Not Sure</p></fieldset>
<label>What is your favorite feature of freeCodeCamp?
<select>
<option value="">Select an Option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
</select>
<fieldset>
<label>What would you like to see improve? (check all that apply)
</label></p>
<p><input value="1" type="checkbox"/> Front-end Projects</p>
<p><input value="2" type="checkbox"> Back-end Projects</p>
<p><input value="3" type="checkbox"> Data Visualition</p>
<p><input value="4" type="checkbox"> Challenges</p>
<p><input value="5" type="checkbox"> Open Source Community</p>
<p><input value="6" type="checkbox"> Gitter Help Rooms</p>
<p><input value="7" type="checkbox"> Videos</p>
<p><input value="8" type="checkbox"> City Meetups</p>
<p><input value="9" type="checkbox"> Wiki</p>
<p><input value="10" type="checkbox"> Forums</p>
<p><input value="11" type="checkbox"> Additional Courses</p></fieldset>
<fieldset> <label for="comments">Any Comments or Suggestions?
<textarea id="comments" name="comments" rows="6" cols="60" rowsplaceholder="Enter Your Comment Here...." />
</textarea> </fieldset>
<button id="submit" type="submit">Submit</button>
</form>
</body>
</html>