##### Switcher

Display Inline
d-inline
d-inline
D-block
d-block d-block d-block
Vertical alignment With table cells

baseline | top | middle | bottom | text-top | text-bottom

Vertical alignment With inline elements
baseline top middle bottom text-top text-bottom
Opacity
100%
75%
50%
25%
Horizontal centering
Centered element
Relative to the parent
Width 25%
Width 50%
Width 75%
Width 100%
Width auto
Height 25%
Height 50%
Height 75%
Height 100%
Height auto
You can also use max-width: 100%; and max-height: 100%; utilities as needed.
Max-height 100%
Float
Float start
Float end
Don't float
Float Responsive
Float sm
Float md
Float lg
Float xl
Text selection

This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

This paragraph will not be selectable when clicked by the user.

Pointer events

`This link` can not be clicked.

`This link` can be clicked (this is default behavior).

`This link` can not be clicked because the `pointer-events` property is inherited from its parent. However, this link has a `pe-auto` class and can be clicked.

Gap
Grid item 1
Grid item 2
Grid item 3
Overflow
This is an example of using `.overflow-auto` on an element with set width and height dimensions. By design, this content will vertically scroll.
This is an example of using `.overflow-hidden` on an element with set width and height dimensions.
This is an example of using `.overflow-visible` on an element with set width and height dimensions.
This is an example of using `.overflow-scroll` on an element with set width and height dimensions.
Examples
No shadow
Small shadow
Regular shadow
Larger shadow

###### Shortcuts

Mail Settings

Messages

- ###### Elizabeth Ava2

  3:55 PM

  Elizabeth is online

- ###### George Rhys1

  12:04 PM

  I must explain...

- ###### Bethany Isla2

  Yesterday

  We denounce with righteous..

- ###### Margaret Emma1

  01 Mar

  http://Diam-duoet.xd

- ###### Michael Souris1

  22 Feb

  +13 photos

View All

Workspace

- ###### Olivia Lily1

  2:00 PM

  Aliquyam ipsum sit.

- ###### Smith Brown2

  12:00 PM

  At eos no sit...

- ###### Wilson Li24

  16 Feb

  Sit est dolor dolor.

- ###### Jones Morton3

  12 Jan

  Erat diam ipsum... Sed dolor...

- ###### White Lee1

  01 Feb

  Justo accusam stet eirmod et....

View All

Calls

- ###### Wilfrid Price3

  11:15 AM

  Missed call

- ###### Jasmin O'Kon

  Yesterday

  Duration: 15:30

- ###### River Gleichner

  01 Mar

  Declined

- ###### Saul Goodmate1

  20 Feb

  Missed call

- ###### Edgardo Huel

  15 Feb

  Duration: 01:20:10

View All

###### Find out more !

Mail Settings

###### Notifications :

Someone mentioned
Someone Replies
Allow All Notifications
Notifications On
In App Email Both
Assigned a Task
If I Have More Than 24 Tasks
Allow All Notifications
Notifications On
In App Email Both

###### App :

Files :

Images
1,458
Videos
213
Storage
8.50MB free space

Files Privacy Settings :

Password change

Discard Save Changes
Two Factor Authentication

Recent Deleted Files Delete All

Full Name
Email
Mobile Number Change number
+91

###### Remaiders :

Get alert for remaiders

###### This Is Not You're Looking For?

Go To Profile Settings