CKEditor 3.x/Users Guide/Layout/Alignment - Revision history

Anna: Final proof-reading

2010-12-13T11:18:37Z

Final proof-reading

Anna: moved CKEditor 3.x/Users Guide/Common Tasks/Text Layout/Text Alignment to CKEditor 3.x/Users Guide/Layout/Alignment: New User's Guide structure implemented

2010-11-30T09:43:53Z

moved CKEditor 3.x/Users Guide/Common Tasks/Text Layout/Text Alignment to CKEditor 3.x/Users Guide/Layout/Alignment: New User's Guide structure implemented

Anna: Block-level note added

2010-11-29T11:33:12Z

Block-level note added

Anna: Article contents added

2010-11-29T11:16:30Z

Article contents added

New page

__TOC__
Text alignment determines the horizontal placement of text relative to the page (or the editing area). CKEditor supports the following alignment options:
* [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Align_Left|Align Left]]
* [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Center|Center]]
* [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Align_Right|Align Right]]
* [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Justify|Justify]]

== 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.

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.

[[Image:CKEditor_alignleft_example.png|frame|center|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 [[Image:CKEditor_center.png|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.

[[Image:CKEditor_center_example.png|frame|center|Text centered in CKEditor]]

== 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.

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.

[[Image:CKEditor_alignright_example.png|frame|center|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 [[Image:CKEditor_justify.png|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.

[[Image:CKEditor_justify_example.png|frame|center|Text centered in CKEditor]]

@@ Line 1: / Line 1: @@
 __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:
@@ Line 9: / Line 10: @@
 == 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.
@@ Line 25: / Line 26: @@
 == 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.

← Older revision	Revision as of 09:43, 30 November 2010
(No difference)

@@ Line 1: / Line 1: @@
 __TOC__
-Text alignment determines the horizontal placement of text relative to the page (or the editing area). CKEditor supports the following alignment options:
+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.
 * [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Align_Left|Align Left]]
 * [[CKEditor_3.x/Users_Guide/Common_Tasks/Text_Layout/Text_Alignment#Center|Center]]