Page Comparison

Properties of Hbox

Id - unique identifier of the control
Align Content - alignment container lines when there's extra space along the cross-axis
Align Items - alignment of the elements from top to bottom
Justify Content - alignment of the elements from left to right
Wrap - determines the wrapping behavior of the control
Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
Width - width setting
Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
Items - items within the flexible box layout
Advanced -

properties of the control not available in the above list can be added here.
Info
Setting Additional Properties

provides
additional information.
further information about the Advanced property

Step-by-step guide

How to add an Hbox

Right click on a Page, Form Element or from any elements under Add Layout and select Add HBox
Image Modified
An HBox control has been added
UI Elements can be added under the HBox Control by doing a Right click from it

...

showLabels	false
max	5
spaces	com.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
showSpace	false
sort	modified
reverse	true
type	page
cql	label = "kb-how-to-article" in ("add-ui-elements","vertical-layout-implementation","additional-properties") and type = "page" and space = "IFAB"
labels	kb-how-to-article

...