It looks like you’re referencing a CSS/Tailwind-like utility: “py-1 [&>p]:inline”. This is a combined rule that:
- py-1 — adds vertical padding (padding-top and padding-bottom) of 0.25rem (Tailwind default) to the element.
- [&>p]:inline — uses a JIT/variant arbitrary selector to target direct child
elements and apply the inline display utility to them.
Together they mean: add small vertical padding to the container, and make any direct child
elements display inline.
If you want the Tailwind equivalent in HTML:
html
<div class=“py-1 [&>p]:inline”><p>First</p> <p>Second</p></div>Result: container has 0.25rem vertical padding; both
elements render inline (no block breaks).
If you meant a different framework or need a variant (e.g., target all descendant p, use inline-block instead, or apply on hover), tell me which and I’ll provide the exact class.
Leave a Reply