Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

charlie alton
seal-mask
.a{fill-rule:evenodd;}techdegree
charlie alton
Front End Web Development Techdegree Student 8,879 Points
Posted by charlie alton
.a{fill-rule:evenodd;}techdegree
charlie alton
Front End Web Development Techdegree Student 8,879 Points

Trying to move the text to the right of the check box.

<input type="checkbox" id="HTML-News" value="HTML News" name="user_news"> <label class="light" for="HTML News">HTML News</label><br>

2 Answers

Zaid Khan
Zaid Khan
12,769 Points

Do you want it like this?

https://i.postimg.cc/4dMS2Hkf/Capture.png

If yes, then it appears to be your HTML is alright.

though this is how I made it look:

<input id="HTML-News" name="user_news" type="checkbox" value="HTML News" /> 
<label class="light" for="HTML News">HTML News</label> <br>

If this works then it should work in your HTML as well.

If not then try posting your full HTML or CSS.

charlie alton
seal-mask
.a{fill-rule:evenodd;}techdegree
charlie alton
Front End Web Development Techdegree Student 8,879 Points
charlie alton
.a{fill-rule:evenodd;}techdegree
charlie alton
Front End Web Development Techdegree Student 8,879 Points

It is still not working but the way you have it is the way I want it. Here is my full html.

<h1 class="Newsletter">Newsletter</h1> <p>Select the newsletters you would like to receive.</p> <input id="HTML-News" name="user_news" type="checkbox" value="HTML News" /> <label class="light" for="HTML News">HTML News</label> <br> <input type="checkbox" id="CSS News" value="CSS News" name="user_news"> <label class="light" for="CSS News">CSS News</label><br> <input type="checkbox" id="Javascript News" value="Javascript News" name="user_news"> <label class="light" for="Javascript News">Javascript News</label><br>

Zaid Khan
Zaid Khan
12,769 Points
Zaid Khan
Zaid Khan
12,769 Points

Try running the below HTML in your browser.

It should look like this. https://i.postimg.cc/1t5P6jwk/Capture.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 class="Newsletter">Newsletter</h1> 
      <p>Select the newsletters you would like to receive.</p> 
      <input id="HTML-News" name="user_news" type="checkbox" value="HTML News" /> 
      <label class="light" for="HTML News">HTML News</label> 
      <br> 
      <input type="checkbox" id="CSS News" value="CSS News" name="user_news"> 
      <label class="light" for="CSS News">CSS News</label>
      <br> 
      <input type="checkbox" id="Javascript News" value="Javascript News" name="user_news">
       <label class="light" for="Javascript News">Javascript News</label>
       <br>
</body>
</html>