Want to vertically align text in a contained

I have a text/separator/text element combination within a container and want these to be vertically and horizontally aligned with in the container. Isn’t there a container attribute for his actually?

You can do this with your Layout (Flexbox) settings for the container.

Technically, there are two ways if you’re using the default text/separator/text combo, because Sitejet automatically sets these to be block elements rather than inline (which text, or paragraphs, normally are in HTML).

You could just set the “Fill” to center.

However, in the screenshot provided, I’ve taken another approach and set the alignment as top-to-bottom and then the main axis to center. While I’d likely just use my first suggestion (Fill to center), I provide this one in case you ever want your text elements to be inline and not block, or full width. Either way.

You know, on second thought, just use the “Fill” method. It’s the bottom line of the Layout (Flexbox) settings. I can’t imagine you’re going to find yourself in a situation where you need the other approach, but they both work.

1 Like

many thanks. The “Fill” method worked for me.

2 Likes