How to create custom boxes with text inside?

In the page editor, switch to code-editor. Now your text will be within tags… probably a <p> tag.

Add css to the tag so it reads:

<p style="border: 1px solid gray"> ... </p>

Currently, to switch to code-editor, click the 3-dot-menu-button in the right top of the screen/window and then “Code Editor”.