Margin

These classes allows you to apply margins to any HTMLElement

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Inline

Ricky Pfannerstill PhD

Dr. Bradley Shanahan

Stephanie Lynch

Velma Marks

 

Loading code example. Please wait...

Block

Lowell Lubowitz
Tricia O'Reilly
Constance Reynolds
Nettie Blanda
 

Loading code example. Please wait...

RTL

Omar Stehr

Miss Tommy Schuppe

Vernon Koepp

Lyle Schamberger

 

Loading code example. Please wait...

  Features

  Install

  CSS Classes

  1. s-m:0

    Apply the 0 space all around

  2. s-mb:-0

    Apply the 0 negative block start and end space

  3. s-mbs:-0

    Apply the 0 negative block start space

  4. s-mbe:-0

    Apply the 0 negative block end space

  5. s-mi:-0

    Apply the 0 negative inline start and end space

  6. s-mis:-0

    Apply the 0 negative inline start space

  7. s-mie:-0

    Apply the 0 negative inline end space

  8. s-m:10

    Apply the 10 space all around

  9. s-mb:-10

    Apply the 10 negative block start and end space

  10. s-mbs:-10

    Apply the 10 negative block start space

  11. s-mbe:-10

    Apply the 10 negative block end space

  12. s-mi:-10

    Apply the 10 negative inline start and end space

  13. s-mis:-10

    Apply the 10 negative inline start space

  14. s-mie:-10

    Apply the 10 negative inline end space

  15. s-m:20

    Apply the 20 space all around

  16. s-mb:-20

    Apply the 20 negative block start and end space

  17. s-mbs:-20

    Apply the 20 negative block start space

  18. s-mbe:-20

    Apply the 20 negative block end space

  19. s-mi:-20

    Apply the 20 negative inline start and end space

  20. s-mis:-20

    Apply the 20 negative inline start space

  21. s-mie:-20

    Apply the 20 negative inline end space

  22. s-m:30

    Apply the 30 space all around

  23. s-mb:-30

    Apply the 30 negative block start and end space

  24. s-mbs:-30

    Apply the 30 negative block start space

  25. s-mbe:-30

    Apply the 30 negative block end space

  26. s-mi:-30

    Apply the 30 negative inline start and end space

  27. s-mis:-30

    Apply the 30 negative inline start space

  28. s-mie:-30

    Apply the 30 negative inline end space

  29. s-m:40

    Apply the 40 space all around

  30. s-mb:-40

    Apply the 40 negative block start and end space

  31. s-mbs:-40

    Apply the 40 negative block start space

  32. s-mbe:-40

    Apply the 40 negative block end space

  33. s-mi:-40

    Apply the 40 negative inline start and end space

  34. s-mis:-40

    Apply the 40 negative inline start space

  35. s-mie:-40

    Apply the 40 negative inline end space

  36. s-m:50

    Apply the 50 space all around

  37. s-mb:-50

    Apply the 50 negative block start and end space

  38. s-mbs:-50

    Apply the 50 negative block start space

  39. s-mbe:-50

    Apply the 50 negative block end space

  40. s-mi:-50

    Apply the 50 negative inline start and end space

  41. s-mis:-50

    Apply the 50 negative inline start space

  42. s-mie:-50

    Apply the 50 negative inline end space

  43. s-m:60

    Apply the 60 space all around

  44. s-mb:-60

    Apply the 60 negative block start and end space

  45. s-mbs:-60

    Apply the 60 negative block start space

  46. s-mbe:-60

    Apply the 60 negative block end space

  47. s-mi:-60

    Apply the 60 negative inline start and end space

  48. s-mis:-60

    Apply the 60 negative inline start space

  49. s-mie:-60

    Apply the 60 negative inline end space

  50. s-m:70

    Apply the 70 space all around

  51. s-mb:-70

    Apply the 70 negative block start and end space

  52. s-mbs:-70

    Apply the 70 negative block start space

  53. s-mbe:-70

    Apply the 70 negative block end space

  54. s-mi:-70

    Apply the 70 negative inline start and end space

  55. s-mis:-70

    Apply the 70 negative inline start space

  56. s-mie:-70

    Apply the 70 negative inline end space

  57. s-m:80

    Apply the 80 space all around

  58. s-mb:-80

    Apply the 80 negative block start and end space

  59. s-mbs:-80

    Apply the 80 negative block start space

  60. s-mbe:-80

    Apply the 80 negative block end space

  61. s-mi:-80

    Apply the 80 negative inline start and end space

  62. s-mis:-80

    Apply the 80 negative inline start space

  63. s-mie:-80

    Apply the 80 negative inline end space

  64. s-m:90

    Apply the 90 space all around

  65. s-mb:-90

    Apply the 90 negative block start and end space

  66. s-mbs:-90

    Apply the 90 negative block start space

  67. s-mbe:-90

    Apply the 90 negative block end space

  68. s-mi:-90

    Apply the 90 negative inline start and end space

  69. s-mis:-90

    Apply the 90 negative inline start space

  70. s-mie:-90

    Apply the 90 negative inline end space

  71. s-m:100

    Apply the 100 space all around

  72. s-mb:-100

    Apply the 100 negative block start and end space

  73. s-mbs:-100

    Apply the 100 negative block start space

  74. s-mbe:-100

    Apply the 100 negative block end space

  75. s-mi:-100

    Apply the 100 negative inline start and end space

  76. s-mis:-100

    Apply the 100 negative inline start space

  77. s-mie:-100

    Apply the 100 negative inline end space

  78. s-m:auto

    Apply the auto space all around

  79. s-mb:auto

    Apply the auto block start and end space

  80. s-mbs:auto

    Apply the auto block start space

  81. s-mbe:auto

    Apply the auto block end space

  82. s-mi:auto

    Apply the auto inline start and end space

  83. s-mis:auto

    Apply the auto inline start space

  84. s-mie:auto

    Apply the auto inline end space

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on