## Position

###### Set Position

You can set a position to an element instantly by using the following utilities classes.

Class | Value
--- | ---
`.pos-relative` | Set a relative position to an element.
`.pos-absolute` | Set an absolute position to an element.
`.pos-fixed` | Set a fixed position to an element.
`.pos-static` | Set a static position to an element.

###### Cornering

You can set a top,right,bottom and left position to an element using the following utilities classes.

Class | Value
--- | ---
`.t-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.r-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.b-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.l-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)

###### X and Y Position

You can set a top,right,bottom and left position to an element using the following utilities classes.

Class | Value
--- | ---
`.t-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.r-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.b-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.l-[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)

###### Negative Corner

You can set a negative positioning to an element using the following utilities classes.

Class | Value
--- | ---
`.t--[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.r--[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.b--[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)
`.l--[value]` | 0 | 5 | 10 | 15 | ... | 100 (step of 5)

###### Z-Index Property

You can set a z-index to an element instantly using the following utilities classes.

Class | Value
--- | ---
`.z-index-[value]` | 10 | 50 | 100 | 150 | 200

###### Sales Summary

###### Total Revenue

weekly profit

##### $15,300

###### Total Tax

weekly profit

##### $1,625

###### Total Income

weekly profit

##### $55,897

###### Total Loss

weekly profit

##### 20%