list-item

You’re referencing a CSS selector and utility: py-1 and [&>p]:inline. Here’s a concise explanation and how they work together.

• py-1
  • Utility class (commonly from Tailwind CSS).
  • Applies vertical padding: padding-top and padding-bottom equal to the spacing scale value 1 (usually 0.25rem / 4px by default).
• [&>p]:inline
  • Tailwind’s arbitrary variant syntax targeting direct child

    elements.

  • Means “for any direct child p of this element, apply the inline display”.
  • Equivalent CSS:
    css

    .your-element > p { display: inline; }

Example combining both (Tailwind HTML):

<div class=“py-1 [&>p]:inline”><p>This paragraph will be inline.</p>  <span>Normal span.</span></div>

Effect: the container gets small vertical padding; its direct

children render inline instead of block.