Formatting: Indent


About

Formatting Indent is an HTML format for indenting specific sections. This formatting will add space to the left side of the element - (Demo).



Specification




Configuration



Description

border
Border/line type on the left side of the element.

Value Preview
none
No border: Lorem Ipsum is simply dummy text of the printing and typesetting industry
solid
Lorem Ipsum is simply dummy text of the printing and typesetting industry
dashed
Lorem Ipsum is simply dummy text of the printing and typesetting industry

border-color
Border/line color. Choose one of the available skins from the skin list. When the value is undefined or invalid, the color will set to default color.



Usage

  1. Define the HTML DIV tag with w-indent class. 

          
<div class='w-indent'>
  Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry

    Note: In the above HTML, no configurations are added. All configurations will take the Default Value.

  2. Add the desired configuration by adding the attribute
    data-configuration-name='Value' to the element.

    Example: 
          
<div class='w-indent' data-border='solid' data-border-color='red'>
  Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry
Have Question?