Does anyone know if there is a way to nest spans in cwicly?
I have an H1 and inside of it I want to add a strikethrough element like so:
Right now I solved it using two separate spans inside the H1 – one for the outlined “aber” text and another one for the “weil” text on top of it. For the strikethrough I’m using a ::before pseudo element on the outlined text.
This works fine on desktop, but when I go into tablet/mobile view and the H1 starts breaking onto multiple lines, the “weil” loses its initial position right on top of the outlined “aber” because its position is set to absolute relative to the H1.
Ideally I’d like to have the “weil” span nested inside the “aber” span and set “aber” to position relative, so that the “weil” always stays on top of the “aber” regardless of how many line breaks the H1 has.
I know I can do this with JavaScript, but I was wondering if there’s a way to do it directly in cwicly’s editor – that strikes me as more elegant and sensible than manipulating the DOM with JavaScript.
So if anyone has an idea on how (if at all) this can be done natively in the cwicly editor, I’d greatly appreciate it.
Thanks!