Another update. By switching to a custom widget instead of a custom HTML element, I was able to add the markup necessary so that I didn’t have to do the CSS float clearly in the awkward way I was trying.
cornell-note.json (9.0 KB)
The first sample shows what I would expect to be the most likely scenario, where the cues are significantly shorter than the text they’re annotating. The second one shows what happens when a cue is longer than that content; note that the following main text moves down to stay aligned with the cue. But the cue does not retain its block mode. The third sample shows that the cue’s block mode can be restored with an initial blank line.
It’s not perfect—and I may open another topic to ask if the <$slot>-Widget can automatically apply block mode—but it’s not bad either.
I have no interest in trying to figure out proper configuration fields (colors, columns, etc.), and turn this into a plugin. But if this is useful to you, go ahead and use it.