Menu
Styling Text & Links
CSS Text
Color, alignment, decoration, spacing.
1Text Properties
Control color, alignment, and transformation.
Example Code
css
p {
color: #333;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}2Understand it in a real interface
Text styling should support reading before adding effects. Line height, line length, weight, and spacing have different roles. A narrow paragraph with a generous line height may be readable, while excessive letter spacing or forced uppercase can make a long passage tiring.
3Try it yourself
Set a paragraph to a comfortable width and compare three line-height values. Test a multi-line heading separately instead of applying the paragraph’s settings to everything. Check how the longest word wraps when the container becomes narrow.
Finished reading?
Mark this topic as complete to track progress.