Floating ViewTemplate

This is an attempt to implement Eric's solution to the problem below.

While it makes perfect sense to me, it doesn't seem to be working. You can see that Tiddler 2 and Tiddler 3 simply show no content, and I have this empty HTML node for their bodies:

<div class="tc-tiddler-body tc-reveal"></div>

I'm not sure why it's not working. I think I've followed the steps accurately.

Is there a simple way to make a ViewTemplate's floating content float to the right of the tiddler's main content?

Tiddler 1 - hardcoded shows the output I would like, using the stylesheet in styles.

The information in the box is generated from some of the tiddler's fields. I would rather this be a ViewTemplate, running for all tiddlers with the tag MyTag. But when I do so, using My Tag Template, as in Tiddler 2 and Tiddler 3, my box is floating right above the rest of the content. I undertand why. Some intervening container from another template must clear the float. But is there a good way to fix this short of overriding $:/core/ui/ViewTemplate/body?

The discussion is at talk.tiddlywiki.org.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu feugiat pretium nibh ipsum consequat nisl. Nulla facilisi etiam dignissim diam quis enim lobortis. Tortor condimentum lacinia quis vel eros donec. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Sapien eget mi proin sed

Et ligula ullamcorper malesuada proin libero nunc consequat interdum. Consequat interdum varius sit amet mattis vulputate. Tristique senectus et netus et malesuada fames ac turpis egestas. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet dui.