Boxes inside boxes (FW - Float Left)

Xway
21

It may be worth noting that this method (using the text alignment button) is how you centre an inline item (an item that can stand on the same line as text) such as an image. If you needed to centre a block item (a container box), you could do this by using the Align popup in the Margins and Alignment section of the Box Inspector.

E.g.

  1. Insert a box
  2. Give it a width that is smaller than the width of its parent
  3. Choose Center from the Align popup in the Margins and Alignment section
22

Hi Jeremy. I was aware of this method of alignment, but I was trying to apply it to an image in a container (box); it didn’t work! In those circumstances you have use the Text alignment method (as you so kindly pointed out). Thanks again.

23

On this website there are some examples of how to apply FlexBox:

Flexbox exemples

Flexbox tutorial