Break long Section Tags on multiple rows


How can i customize css so that the tags that are longer than lets say 15 characters will break on multiple rows?
I have managed to make the TAG box smaller, but the text will not break and overflow outside the box.
I have added a screenshot and the custom css i have used.



.tags > div
	max-width: calc(var(--ui-size) * 40vmin) !important;
	hyphens: manual;	

To have tags break to a new line when they become too long, you can add the white-space: normal property:

.tags > div {
  white-space: normal;
  max-width: calc(var(--ui-size) * 40vmin) !important;

I hope this helps! :slight_smile:

wow, that was so easy and i struggeled so many hours with overflow mode/ word break and so on:))

Thank you !!

1 Like