I just finished a massive page designed to help me look through and organize the cut content, roughs, and drafts of my fanfiction. I had found a trick to implement CSS-only hover text, and I spent an inordinate amount of time working my authors notes into that. data-title is such a cool and insane element to have.
If you're interested, I'm basically using method #2 from this article:
but with the #id replaced with span[id^="myid"] which lets me style every unique id with one block of code, just so long as I make sure to include "myid" at the start of its name.
Adding white-space: pre-line;
and
word-wrap: break-word;
lets me input line and paragraph breaks using the
symbol, since data-title text doesn't allow for the usual html tags.
I think my next project is going to be adding some content I have floating around in my personal notes, but not uploaded. After that, I sort of flip-flop between creating new webpages, and adding content to what I've already uploaded, but failed to flesh out.
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
carisma_sensei
no subject
Date: 2025-08-09 04:05 pm (UTC)If you're interested, I'm basically using method #2 from this article:
https://dev.to/koustav/3-ways-to-display-content-on-hovering-over-an-element-using-only-css-3d4m
but with the #id replaced with span[id^="myid"] which lets me style every unique id with one block of code, just so long as I make sure to include "myid" at the start of its name.
Adding white-space: pre-line;
and
word-wrap: break-word;
lets me input line and paragraph breaks using the symbol, since data-title text doesn't allow for the usual html tags.
I think my next project is going to be adding some content I have floating around in my personal notes, but not uploaded. After that, I sort of flip-flop between creating new webpages, and adding content to what I've already uploaded, but failed to flesh out.