By default a multi-value tag field stacks its terms one per line. Solo has a checkbox that lays them out side by side, and this video shows what it does and does not cover.
The problem it solves
Drupal renders each value of a multi-value field as its own block-level item. On an article with eight tags that is eight lines of vertical space for eight short words, pushing the rest of the node down the page for no benefit.
The setting
Expand Global Site Settings, open the Interface Behavior tab, and tick Tick this box to display multiple taxonomy term field items on the same line. Save, and the terms flow horizontally with a 16px space between them, wrapping onto a second line when they run out of room.
What it targets, precisely
Solo adds a class to the page wrapper, and a rule switches the field's item list to a wrapping flex row. The selector is narrow on purpose: it matches only fields whose rendered items are taxonomy terms. Solo tags every entity-reference field with a class built from the entity type it points at, so a term reference gets one class and a user or media reference gets a different one and is left alone. In practice:
- Tag and category fields referencing taxonomy terms: affected.
- Entity reference fields pointing at users, media or nodes: not affected.
- Multi-value text, link or number fields: not affected — these are not entity references at all.
If your tags did not move, check that the field really is an entity-reference field to a vocabulary rather than a plain text field being used as tags.
Worth doing
This is a one-tick change that shortens every tagged node on the site and makes tag rows read as a set rather than a list. It needs no module and no template override, and it works on all the core versions Solo supports (^10.1 || ^11 || ^12). See the Solo theme page, or seven reasons Solo is the most flexible option for the rest of the no-code settings.
Working out how this fits a site you already run? Drupal architecture services, and the full service list.
