Display
These classes allows you to apply the some display like inline, inline-block, block, etc...
on any HTMLElement
Preview
Block
Karla Gleichner
Miss Mattie Friesen
Rosa Pollich
Karla Gleichner
Miss Mattie Friesen
Rosa Pollich
Loading code example. Please wait...
Inline-block
Melinda Rosenbaum
Gwen Romaguera
Dr. Melinda Bradtke
Melinda Rosenbaum
Gwen Romaguera
Dr. Melinda Bradtke
Loading code example. Please wait...
Contents
Miss Dixie Thiel
Faith Wuckert
Miss Miguel Bradtke
Miss Dixie Thiel
Faith Wuckert
Miss Miguel Bradtke
Loading code example. Please wait...
Flex
Alberta Graham
Rene Schulist
Mae Bartoletti DDS
Alberta Graham
Rene Schulist
Mae Bartoletti DDS
Loading code example. Please wait...
Grid
Sidney Jacobson DVM
Phyllis Ebert V
Pedro Lebsack
Sidney Jacobson DVM
Phyllis Ebert V
Pedro Lebsack
Loading code example. Please wait...
Inline-flex
Darin Christiansen
Teresa Murray
Renee Glover
Darin Christiansen
Teresa Murray
Renee Glover
Loading code example. Please wait...
Inline-grid
Misty Tremblay
Alexander Roob DDS
Alvin Dickens
Misty Tremblay
Alexander Roob DDS
Alvin Dickens
Loading code example. Please wait...
None
Olga Terry
Jerry Prohaska
Mattie Johnston
Olga Terry
Jerry Prohaska
Mattie Johnston
Loading code example. Please wait...
Install
CSS Classes
-
s-display:block
Apply the display
blockto any HTMLElement -
s-display:inline-block
Apply the display
inline-blockto any HTMLElement -
s-display:contents
Apply the display
contentsto any HTMLElement -
s-display:flex
Apply the display
flexto any HTMLElement -
s-display:grid
Apply the display
gridto any HTMLElement -
s-display:inline-flex
Apply the display
inline-flexto any HTMLElement -
s-display:inline-grid
Apply the display
inline-gridto any HTMLElement -
s-display:none
Apply the display
noneto any HTMLElement