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 HTML Forms Choosing Options Checkboxes

Posted by Dan Putnam
Dan Putnam
1,462 Points

Do I need to add in a <br> after my <label>Interests</label> ? Otherwise there is no break

<lable>Interests</lable> <input type="checkbox" id="development" value="interest_development" name="user_interest"><label class="light" for="development">Development</label><br> <input type="checkbox" id="design" value="interest_design" name="user_interest"><label class="light" for="design">Design</label><br> <input type="checkbox" id="business" value="interest_business" name="user_interest"><label class="light" for="business">Business</label>

The label and the first clickable option are on the same line currently, as in no break or clear between them.

Dan Putnam
Dan Putnam
1,462 Points

Duh! I misspelled "label" as lable

2 Answers

Yusuf Bagha
Yusuf Bagha
28,853 Points
Yusuf Bagha
Yusuf Bagha
28,853 Points

Yes, the best thing at your stage would be to use the br tag. Later you will learn how to position more accurately in CSS.

Happy Coding!

Fatimah Sahid
Fatimah Sahid
3,188 Points
Fatimah Sahid
Fatimah Sahid
3,188 Points

Hello Dan,

There is no need for a <br> tag after the 'Δ°nterests:' label. This is because the CSS rule in 'main.css' already makes any element coming after all labels move to the next line with the rule: ' display: block; '.

If your checkbox elements are coming inline with your label, then you need to check your main.css rule for labels. It might be that you have mistakenly modified the rule from having the block effect.

All the best!