p-* / m-* (spacing)
class
Margin (m) and padding (p) utilities. Sizes 0-5 and auto. Directions: t, b, s, e, x, y, or all sides.
Syntax
class="p-3 mt-2 mb-4 px-5 py-2 ms-auto"
Example
html
<!-- Padding all sides -->
<div class="p-3">Padding 3 all sides</div>
<!-- Margin top and bottom -->
<div class="my-4">Margin y-axis 4</div>
<!-- Auto margin for centering -->
<div class="d-block mx-auto" style="width:200px">Centered</div>
<!-- Padding x-axis only -->
<div class="px-5 py-2">Horizontal padding 5</div>