Text Alignment

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Block-level note added)
(Final proof-reading)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 +
{{#CUSTOMTITLE:Text Alignment}}
 
__TOC__
 
__TOC__
Text alignment determines the horizontal placement of text relative to the page (or the editing area). Note that due to the nature of this formatting option, text alignment can only be applied to a block-level element, like a paragraph, an image, a list item, or a <code>div</code> element. Most document elements have a default alignment setting that is highlighted in the toolbar. If you want to change the default alignment setting, select another option by clicking the toolbar button.
+
Text alignment determines the placement of text relative to the page (or the editing area). Note that due to the nature of this formatting option, text alignment can only be applied to a block-level element, like a paragraph, an image, a list item, or a <code>div</code> element. Most document elements have a default alignment setting that is highlighted in the toolbar. If you want to change the default alignment setting, select another option by clicking the toolbar button.
  
 
CKEditor supports the following alignment options:
 
CKEditor supports the following alignment options:
Line 9: Line 10:
  
 
== Align Left ==
 
== Align Left ==
When you align text left, the paragraph is aligned with the left margin and the text is ragged on the right side. This is usually the default text alignment setting for the languages with left to right direction.
+
When you align your text left, the paragraph is aligned with the left margin and the text is ragged on the right side. This is usually the default text alignment setting for the languages with left to right direction.
  
 
To align the text left, press the [[Image:CKEditor_alignleft.png|Align Left]] toolbar button. The text will flow to the left margin or gutter and there will be some space left on the right, when a word does not fit the line.
 
To align the text left, press the [[Image:CKEditor_alignleft.png|Align Left]] toolbar button. The text will flow to the left margin or gutter and there will be some space left on the right, when a word does not fit the line.
Line 25: Line 26:
  
 
== Align Right ==
 
== Align Right ==
When you align text right, the paragraph is aligned with the right margin and the text is ragged on the left side. This is usually the default text alignment setting for the languages with right to left direction.
+
When you align your text right, the paragraph is aligned with the right margin and the text is ragged on the left side. This is usually the default text alignment setting for the languages with right to left direction.
  
 
To align the text right, press the [[Image:CKEditor_alignright.png|Align Right]] toolbar button. The text will flow to the right margin or gutter and there will be some space left on the left, when a word does not fit the line.
 
To align the text right, press the [[Image:CKEditor_alignright.png|Align Right]] toolbar button. The text will flow to the right margin or gutter and there will be some space left on the left, when a word does not fit the line.

Latest revision as of 12:18, 13 December 2010

Text alignment determines the placement of text relative to the page (or the editing area). Note that due to the nature of this formatting option, text alignment can only be applied to a block-level element, like a paragraph, an image, a list item, or a div element. Most document elements have a default alignment setting that is highlighted in the toolbar. If you want to change the default alignment setting, select another option by clicking the toolbar button.

CKEditor supports the following alignment options:

Align Left

When you align your text left, the paragraph is aligned with the left margin and the text is ragged on the right side. This is usually the default text alignment setting for the languages with left to right direction.

To align the text left, press the Align Left toolbar button. The text will flow to the left margin or gutter and there will be some space left on the right, when a word does not fit the line.

Text aligned left in CKEditor


Center

When you center your text, the paragraph is aligned symmetrically along the vertical axis and the text is ragged on the both sides. This setting is often used in titles or table cells.

To center the text, press the Center toolbar button. The text will align symmetrically and there will be some space left on both sides, when a word does not fit the line.

Text centered in CKEditor


Align Right

When you align your text right, the paragraph is aligned with the right margin and the text is ragged on the left side. This is usually the default text alignment setting for the languages with right to left direction.

To align the text right, press the Align Right toolbar button. The text will flow to the right margin or gutter and there will be some space left on the left, when a word does not fit the line.

Text aligned right in CKEditor


Justify

When you justify your text, the paragraph is aligned with both left and right margin; the text is not ragged on any side. Instead of this, additional spacing is realized through flexible amount of space between letters and words that can stretch or contract according to the needs.

To justify the text, press the Justify toolbar button. The text will stretch from one side to the other and there will be no space left on either of the sides with additional spacing applied between letters or words.

Text centered in CKEditor
This page was last edited on 13 December 2010, at 12:18.