Mastery Points
0
Active Mission
Mission: Change 'text-align: left' to 'text-align: center' to balance the headline.
Objective: add text-align: center to the code
Current MissionIN PROGRESS
Riddle:Mission: Change 'text-align: left' to 'text-align: center' to balance the headline.
33%
Reward: 50 XP Verified
Mastering Typography in html-css
Context & Logic
CSS typography creates the visual voice of your site.
Technical Reference
font-familyDefines the typeface (stack).
font-weightThickness (100 to 900).
line-heightSpace between lines (Vertical Rhythm).
letter-spacingHorizontal breathing room.
text-alignAlignment (center, justify, left).
text-transformCasings (uppercase, capitalize).
text-overflowellipsis for truncated text.
Interactive Workshop
Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync activeTailwind Core Loaded
Standard CSS Scope
Auto-Sync Preview
Modify the source above to see live changes. Supports standard CSS and Tailwind utility classes.
Test Your Knowledge
Assessment Mode1Which property controls the vertical space between lines of text?
2Which property is used to change the thickness of characters in a font?