Formatting: Heading

About

Heading formatting is an HTML format used to create Heading/Title elements for specific sections - (Demo).

Specification

Configuration

Description

line

Line decoration at the bottom of the element. Choose one of the available skins from Skin List. When the value is a skin, there will be a line at the bottom of the element with the color according to used skin - (See). To disable the line, set the value to none.

align

Alignment.

Value	Description
left	Left aligned
center	Center aligned
right	Right aligned

size

Size.

Value	Description	Preview
default	Size will match the heading tag used on the w-title element. Or the same size with h2 if a non-heading tag is used.	Heading Size
h1	Size like heading h1	Heading Size
h2	Size like heading h2	Heading Size
h3	Size like heading h3	Heading Size
h4	Size like heading h4	Heading Size
normal	Normal size	Heading Size

Usage

Define the HTML Tag with the following format:
```
      
<div class='w-heading'>
  <h2 class='w-title'>
    Heading Title
  </h2>
  <div class='w-sub'>
    Sub or description
  </div>
</div>
      
      
```
Heading Title

Sub or description
Note: In the HTML above, no configuration has been added. All configurations will take the Default Value.
Add the desired configuration by adding the attribute
data-configuration-name='Value' to the element with class w-heading.

Example of adding configuration:
```
      
<div class='w-heading' data-align='center' data-line='blue'>
  <h2 class='w-title'>
    Heading Title
  </h2>
  <div class='w-sub'>
    Sub or description
  </div>
</div>
      
      
```
Heading Title

Sub or description
This formatting also allows you to define just one element (title without sub or vice versa).
```
      
<div class='w-heading'>
  <h2 class='w-title'>
    Title Without Sub
  </h2>
</div>

<br/>
<br/>

<div class='w-heading'>
  <div class='w-sub'>
    Sub Without Title
  </div>
</div>
      
      
```
Title Without Sub

Sub Without Title
INFO: All HTML examples you encountered previously used the H2 tag for the Title element. You can use other HTML tags as needed.

Others

Quick Writing Format Headings can also be written as follows:

      
<div class='w-heading'>
  Title
</div>

Title

Note: div can be any element, such as h2, h3, h4, and so on.