CoreUI Padding for HTML

CoreUI Padding is a CSS utility that helps you add spacing between HTML elements. With CoreUI Padding, you can add padding (both horizontal and vertical) to your HTML elements using classes like py-2 or px-4.

Usage

To use CoreUI Padding, simply add the desired class to your HTML element. For example:

<div class="py-2">
    This is a div with vertical padding of 2.
</div>

<div class="px-4">
    This is a div with horizontal padding of 4.
</div>

<div class="p-3">
    This is a div with equal padding of 3 on all sides.
</div>

You can also combine padding classes to add different amounts of horizontal and vertical padding:

<div class="px-3 py-5">
    This is a div with horizontal padding of 3 and vertical padding of 5.
</div>

Available Classes

CoreUI Padding provides the following classes:

• p-{size}: sets equal padding on all sides. Available sizes: 1, 2, 3, 4, 5.
• px-{size}: sets horizontal padding. Available sizes: 1, 2, 3, 4, 5.
• py-{size}: sets vertical padding. Available sizes: 1, 2, 3, 4, 5.
• pt-{size}: sets top padding. Available sizes: 1, 2, 3, 4, 5.
• pb-{size}: sets bottom padding. Available sizes: 1, 2, 3, 4, 5.
• pl-{size}: sets left padding. Available sizes: 1, 2, 3, 4, 5.
• pr-{size}: sets right padding. Available sizes: 1, 2, 3, 4, 5.

Conclusion

CoreUI Padding provides an easy and efficient way to add spacing between HTML elements. It allows you to quickly and easily add padding to your HTML without having to write custom CSS. With the variety of available classes, you can customize the amount and direction of padding to match your specific needs.