This page shows every element a plain page can hold, so the styles can be checked in one place. A paragraph carries bold text, italic text, a link to another page and inline code.
A second paragraph follows the first with the standard gap between them. Long-form reading text keeps the 720px measure, so a line never runs much past seventy-five characters on a wide screen.
Heading level 2
A section heading opens each part of the page and carries the short blue rule above it.
Heading level 3
A subsection inside the section above.
Heading level 4
A smaller grouping, for a run of related points.
Heading level 5
Rarely needed, but styled so it never falls back to the browser default.
Heading level 6
The smallest heading reads as a label.
Lists
- An unordered list takes the site’s diamond marker.
- Items longer than one line wrap under their own text, not under the marker, so each item still reads as one unit when it runs on.
- A nested item sits tight under its parent.
- A second nested item.
- A third item.
- An ordered list keeps its numbers.
- Use it where the order matters, such as steps.
- A third step.
Quote
Start early, ask questions, and remember that every family’s path to college looks a little different.
A school counselor
Table
| Grade | Focus | What to do |
|---|---|---|
| Grade 9 | Foundations | Choose courses that keep options open and build good study habits. |
| Grade 10 | Exploration | Try activities, take a practice test and start a list of interests. |
| Grade 11 | Testing | Take the SAT or ACT and visit colleges. |
| Grade 12 | Applications | Write essays, apply and complete financial aid forms. |
Image
Details, code and preformatted text
What is the FAFSA?
The Free Application for Federal Student Aid, the form most colleges use to decide financial aid.
When should I apply?
As soon as the form opens in the fall of your senior year.
https://studentaid.gov/h/apply-for-aid/fafsaPreformatted text keeps
its line breaks and spacing
exactly as typed.