In your examples, you haven't closed your <span> tags properly, and one of your <a> links has an opening <span> tag inside, and a closing </span> outside.
That's what happens after 29 hours straight, sitting here working on this site :stuck_out_tongue_closed_eyes:.
The title is meant to be short and concise, whereas description can contain additional tags including line breaks. Why not use description for extensive info like in your case? Or combine with title? This is what the description is meant for.
I already have data in my Descriptions which is different than what is displayed on the pages containing the Previews. Until X4 is released in the coming months/years & which will hopefully have tags with search capabilities, until then I need to include information on the pages containing the Previews that visitors can see on those Preview pages, without them having to instead click on each image to see if those are the people that they're looking for :thinking:.
There needs to be the exact amount of opening tags as closing tags, and any inner nested tags need to be opened and closed inside the current open tag.
On this SAME page, I have added 3 test images, for illustration-purposes (the first 3 images).
Essentially, each <span class="mybreak">...</span> goes onto a separate line, it's that simple. But you need to open/close each tag, and add the line-specific content INSIDE. Of course, the content of each <span> could wrap onto multiple lines, but it will never share the same line with other <span> tags.
For the 1st image, I have 2 lines in the title (with a single mybreak), and as you can see, the 2 lines display properly, even though I have a <span> within a <span>. That code is:
<small><small><small><small>
<b>
This is line 1 in the title
</b>
<span class="mybreak">
<span class="label" style="background-color:#696969;color:#DCDCDC">
This is line 2 in the title
</span>
</span>
</small></small></small></small>
For the 2nd image, I have 3 lines in the title (with 2 mybreaks), and as you can see, the 3rd line is on top of the 2nd line. If you look closely, you can see that the 3 is on top of the 2. That code is:
<small><small><small><small>
<b>
This is line 1 in the title
</b>
<span class="mybreak">
This is line 2 in the title
</span>
<span class="mybreak">
This is line 3 in the title
</span>
</small></small></small></small>
For the 3rd image, and this is what I would like to be able to accomplish, I also have 3 lines in the title (with 2 mybreaks), but with a label on the 3rd line, and as you can see, the 3rd line (the label) is on top of the 2nd line. As with the 1st image, I have a <span > within a <span > here too. That code is:
<small><small><small><small>
<b>
This is line 1 in the title
</b>
<span class="mybreak">
This is line 2 in the title
</span>
<span class="mybreak">
<span class="label" style="background-color:#696969;color:#DCDCDC">
This is line 3 in the title
</span>
</span>
</small></small></small></small>
So it would appear that what I am trying to do, that X3 is not capable of doing. Bummer. :stuck_out_tongue_closed_eyes: