dataprismcore2.sbs

Boosts

Written by

pw

in

You’re referencing a Tailwind CSS class pattern: “py-1 [&>p]:inline”.

  • py-1 — Adds vertical padding (padding-top and padding-bottom) of 0.25rem (4px) to the element.
  • [&>p]:inline — Uses Tailwind’s JIT arbitrary variant syntax to target direct child

    elements and apply the inline utility, making those

    elements display: inline.

Combined effect:

  • The parent element gets small vertical padding.
  • Any direct child

    elements are rendered inline instead of the default block, so they flow alongside other inline content.

Example HTML:

html
<div class=“py-1 [&>p]:inline”><p>First paragraph.</p>  <p>Second paragraph.</p></div>

Renders as: parent with 0.25rem vertical padding; both

elements behave like inline elements (no block line breaks).

Notes:

  • p]:inline” data-streamdown=“list-item”>For nested paragraphs use other selectors (e.g., [&p]:inline for any descendant).

Your email address will not be published. Required fields are marked *

More posts