0Pricing
CSS Academy · Lesson

Text Alignment Decoration and Spacing

Align text, add underlines or strikethroughs, and control letter and line spacing.

text-align

text-align controls horizontal alignment of inline content within a block container.

.left   { text-align: left;   }
.center { text-align: center; }
.right  { text-align: right;  }
.justify { text-align: justify; }

text-align: justify

justify stretches lines to fill the full container width by adding space between words. Use with hyphens: auto to avoid awkward gaps on narrow containers.

p {
  text-align: justify;
  hyphens: auto;
}

All lessons in this course

  1. Font Family and Web-Safe Fonts
  2. Font Size Weight and Style
  3. Text Alignment Decoration and Spacing
  4. Google Fonts and @font-face
← Back to CSS Academy