On my CMS page, I’m putting inline text elements next to each other in order to put a CMS linked piece of text in the middle of static text. This is working fine if I want it left aligned, but I’m having issues figuring out how to center the text.
The div holding the text is set to Display: Block. I’ve tried Inline Flex, but that just stacks the text vertically.
Can’t seem to find settings that will put the text inline but also have it aligned center.
Link? You’ll need to adjust the flex settings, but if some of the text chunks are longer you may need paragraph centering and some other adjustments as well compensate for the element arrangement.
Thanks for the reply @memetican here’s a read only link to preview the setup I have: Webflow - Testing
I’ve tested any settings I can think of but haven’t found a solution yet. Maybe I’m missing something.
What’s the problem you’re having?
It appears to be inline wrapping perfectly.
Here’s what I see if I increase the container size a bit;
It looks good when aligned left. The problem I’m having is when I want to center all of that text. I can’t find a way to align the text center without it just stacking vertically.
Here’s an image of what I would want it to look like, when aligned center
Why is it that align center on the parent element isn’t working for you?
Visually this matches your screenshot-
Lol wow, that does work. I can’t believe I didn’t try that. I was trying to align via flex box and stuff, and tried aligning the text on the text but didn’t think to try it on the parent element. Thank you so much.
