The p-child utility lets you define a padding on all the children of the element.

Just like the utility p, you can choose the kind of padding, so if you set px-child="3" all the children of the element will receive an horizontal padding of 3.

You can use the following p-child attributes :

• p-child : define a padding in every direction.
• px-child : define an horizontal padding.
• py-child : define vertical padding.
• pt-child : define padding-top.
• pb-child : define padding-bottom.
• pl-child : define padding-left.
• pr-child : define padding-right.

Examples: