Building Forms - Learn to Code HTML and CSS: Develop and Style Websites - page 227

7.
8. <h4>Why Attend?</h4>
9.
10. <ul>
11. <li>Over twenty world-class speakers</li>
12. <li>One full day of workshops and two full days of
presentations</li>
13. <li>Hosted at The Chicago Theatre, a historical landmark</li>
14. <li>August in Chicago is simply amazing</li>
15. </ul>
16.
17. </section>
4. Currently our unordered list doesn't have any list item markers. All of the browser
default styles have been turned off by the CSS reset we added all the way back in
Lesson 1 . Let's create some custom styles specifically for this unordered list.
To do so, let's add a class attribute value of why-attend to the unordered list.
1. <ul class="why-attend" >
2. ...
3. </ul>
With a class available to add styles to, let's create a new section for Register page
styles at the bottom of our main.css file. Within this section let's use the class to
select the unordered list and add a list-style of square and some bottom
and left margins.
The new section at the bottom of our main.css file should look like this:
Click here to view code image
1. /*
2. ========================================
3. Register
4. ========================================
5. */
6.
7. .why-attend {
8. list-style: square;
9. margin: 0 0 22px 30px;
10. }
5. The details section of our registration page is complete, so now it's time to address
our registration form. We'll start by adding the action and method attributes to
the <form> element. Since we haven't set up our form processing, these attributes
will simply serve as placeholders and will need to be revisited.
The code for our <form> element should look like this: