On pages, you can put boxes floating on the top of the screen like the one on the top of your screen you see.

Code: <div style="position: fixed; top: 35px; right: 0px; padding: 3px; background:-webkit-radial-gradient(blue, purple); border: 2px double white;">

You can change the "right" to "left" to make it appear on the other side. You can also change the color of the background or make it a gradient(like it is right now). You can change the color of the font by doing the color code in the text, because there is no spot for it in the code itself.

All the words beneath it will be put into the box, so I suggest you put it at the bottom of the page so that the whole entire content doesn't go in the box. Don't worry, after you publish the page with the floating box and later you add something at the bottom, the new edit will not go up as well.

Hello! This is a floating box.

Look at the top right of the page to see the box!