I am learning via your Basic Inline Starter Template.
Stripped it down to the Colophon at the bottom where you have centred HTML text.
I would like exactly this and recreated your inline box example following your measurements, centering and all other details exactly in the Inspector, but when it comes to the Credito text, this, in your example, is centred in the middle panel perfectly when rendered.
When I do it, even though the panel and text is centred, mine just sticks to the left side of the Credito box when rendered. It all works well apart from that.
I am obviously missing a trick here. Could you let me know which one it is.
Without seeing the code generated by an online example of your work, I
can’t be accurate… but I can take a big guess.
If you select the box “credito” you will see by the Styles palette that a
style is applied to the box-- specifically “.centered”. Edit that style and
you will see that it has the text-align property set to center.
Now, any element IN that box which does NOT previously have a text-align
setting INHERITS it from the box’s class style. The logic of this strategy
is to create sections of centered text without having to define every
single paragraph of text that way… and this is just one strategy to achieve
that.
I’m glad you’re trying to work through that example-- I’ve been meaning to
revise it, but it should still give you ideas. In some of the things I’m
working on now, I have an extra page titled Typography… for what I think
are ways to construct common content types using Freeway - http://cssway.thebigerns.com/projects/workbench_v7/typography.html