webCommunicator
Reference Guide

Previous Page | Next Page

menubar
CLPad

Text Layout

Line Spacing

In HTML, Enter (Return) ends a paragraph and starts a new one, thereby creating a double space. If you want to start text on a new line, but don't want to create a double space, you need to create a line break, i.e., a soft carriage return. To create a line break, hold down the Shift key and press the Enter key.

Text Alignment

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.

  • To align the text left, press the toolbar button. The paragraph will align with the left margin and the text will be ragged on the right side.
  • To center the text, press the toolbar button. The paragraph wiil align symmetrically along the vertical axis and the text will be ragged on both sides. 
  • To align the text right, press the toolbar button. The paragraph will align with the right margin and the text will be ragged on the left side.
  • To justify the text, press the toolbar button.  The paragraph will align with both the left and right margin; the text is not ragged on any side. Instead there will be no space left on either of the sides with additional spacing applied between letters or words.
     

Text Indentation

Indentation defines the spacing between a block-level element and the left margin. Note that due to the nature of this formatting option, indentation can only be applied to a block-level element like a paragraph, an image, a list item, or a div element. If the paragraph spans across multiple lines of text, each line will appear at the same indentation level.

  • Increasing Indentation: To increase the indentation of the element, press the Increase Indent toolbar button. The block-level element containing the cursor will be indented by one tabulator length.
  • Decreasing Indentation: To decrease the indentation of the element, press the Decrease Indent toolbar button. The indentation of a block-level element containing the cursor will decrease by one tabulator length.

The Editor supports multiple indentation levels per element. To indent an element even further, press the Increase Indent toolbar button as many times as necessary to achieve the desired effect. 

To learn how to use this feature to create nested list structures, refer to the Creating Lists section of the manual. 

  

Block Quote

Block Quote is used to distinguish a section of text from the main content by adding both left and right indentation. To add a block quotation to your text, press the Block Quote button on the toolbar. Once added, the block quote formatting appears in the document at the location of the cursor.
 

Div Container

In the Editor some formatting settings can only be applied to block-level elements. Sometimes it is also useful to be able to apply formatting to a larger document section that extends beyond one block. If this is the case, a standard practice is to add a div container around the selected text.

Note that using div containers, just like other HTML elements, along with CSS styling, is an advanced feature that should only be used if you have sufficient knowledge of both Web standards.

To add a div element to your text, press the Div Container toolbar button. The Create Div Container dialog window that will open allows you to set configuration options