Box

This is an outline container for organizational purposes -- to differentiate contents and maintain visual hierarchy. It just has open/close tags and any contents can be put between. E.g.

<x-bl.box>   <x-bl.text>Something here</x-bl.text> </x-bl.box>

Note: The box component does not include any font face directives, so anything used inside them should handle that.