A seed-swap table needs compact labels, a full-width note, and one helper message that stays out of sight. This finished example uses a different display value for each job.
.tag is inline-block, so the two labels keep their own padded shapes while sitting on one line. .swap-note is block, so it claims a whole row; paragraphs already default to block, so that rule simply makes the choice explicit. .hidden-helper uses none, so it takes no space at all. Hiding content this way also removes it from assistive technology, so do not use it for important instructions.
Checkpoint: two rounded labels share a row, the note starts below them, and the helper text is absent.
Change .tag to display: block, preview the page, and observe the labels stack. Restore inline-block before moving to the exercise.
Inline-block labels can have padding while still sharing a row.