Components
Utilities
Fonts
Components
Utilities
Fonts
p
...
The p utility give padding to an element.
You can choose which kind of padding you will add, for example if you set `px="3"` your element will receive an horizontal padding of 3.
You can use the following p attributes :
- p: define a padding in every direction
- px: define an horizontal padding
- py: define vertical padding
- pt: define padding-top
- pb: define padding-bottom
- pl: define padding-left
- pr: define padding-right
Examples
Im a div with p="2"
Im a div with px="2"
Im a div with py="2"
Im a div with pt="2" and pl="2"