Improves paragraph endings
When the rest of a paragraph is justified, the last line can feel visually abrupt. text-align-last lets you soften that ending or match a more editorial rhythm.
Settings
text-align:
Filter value:
Best results usually happen when the main block uses text-align: justify. This preview helps you compare how the final line behaves before you paste the rule into your article, prose class, or CMS template.
Live Preview
Generated CSS Code
About the property
What text-align-last does
The text-align-last CSS property controls how the final line of a block, or the line before a forced line break, is aligned. It is most valuable when your main text is justified and the last line needs more deliberate visual control.
Useful in long-form layouts
Article pages, knowledge bases, guides, and documentation often benefit from more intentional last-line behavior than the default browser rendering provides.
Works with alignment systems
It complements text-align, writing direction, and editorial spacing decisions, especially when you are tuning a reusable prose component or CMS template.
Use cases
Where CSS text-align-last helps in real frontend work
This property is niche, but when it matters, it noticeably improves polish. These are the most practical places to use it.
Editorial articles
Refine the last line in essays, magazine-style posts, and long-form thought pieces where justified body copy needs a cleaner finish.
Documentation blocks
Improve paragraph rhythm in product docs, onboarding guides, and help center content without rebuilding your typography system.
CMS and template previews
Test how imported content will wrap inside reusable article components before you ship template changes across a site.
Design QA for typography
Compare final-line behavior quickly when reviewing a content-heavy landing page, blog redesign, or dark mode typography refresh.
Workflow
A simple text-align-last workflow
You do not need a full typography rewrite. Use a lightweight workflow to compare values, choose the best fit, and apply the rule only where it improves reading flow.
1
Start with the base alignment
Pick the paragraph’s main text-align first. Most tests begin with justify, because that is where last-line control creates the clearest difference.
2
Compare all last-line values
Use the preview grid to scan auto, start, end, left, right, center, and justify side by side instead of guessing from memory.
3
Filter to the best candidate
Narrow the preview to the strongest option and check whether the paragraph ending feels natural for your article, docs page, or content card.
4
Copy and ship the CSS
Paste the generated rule into your prose class, markdown renderer, article template, or content component, then test desktop and mobile wraps before publishing.
Best practices
How to use text-align-last without overdoing it
This is a precision property. It works best when applied intentionally to content systems that already need typographic polish.
Most UI text does not need text-align-last. Reserve it for articles, docs, essays, and other multi-line blocks where final-line rhythm actually affects readability.
A short placeholder sentence can hide awkward results. Preview full paragraphs so the final line reflects real-world wrapping behavior.
The property delivers the most obvious value when the block already uses text-align: justify. That is usually the smartest baseline for comparison.
Last-line alignment can look balanced on desktop and awkward on smaller screens. Verify the final line after responsive width changes, especially in cards and sidebars.
FAQ
Common questions about CSS text-align-last
What does text-align-last do in CSS?
text-align-last controls how the last line of a block element, or the line before a forced break, is aligned. It is commonly paired with text-align: justify for more polished paragraph endings.
When should I use text-align-last?
Use it when long-form content, documentation, or editorial layouts look awkward at the end of a paragraph. It is especially helpful when justified text needs a more intentional final line.
Which values can text-align-last use?
Common values include auto, start, end, left, right, center, and justify. This generator previews each one so you can compare the effect directly.
Does text-align-last only matter for justified text?
No, but justified paragraphs are where the difference is most noticeable. In left-, right-, or center-aligned text, the property can still change the final line, though the visual impact is usually smaller.
Is there a best default value?
Not universally. auto is the safest default, while center, right, or justify are more stylistic choices. The right answer depends on your paragraph width, writing style, and page design.
Related tools
Keep moving through the text-formatting cluster
If you are already polishing paragraph layout, these nearby tools make the next steps faster and keep your typography workflow connected.
Next steps
Turn better text layout into publish-ready content
Once your paragraph endings look right, the next bottleneck is usually writing and promotion. The fastest follow-up is the Content Creator Toolkit, which helps you create blog drafts, social posts, newsletters, and reusable content workflows around the polished layout you just built.