Problem with text alignment of Label and Text controls in SAP UI5 XML views

As shown in the figure below, I directly put SAP UI5 Label and Text controls together, and the final result was unsatisfactory:

<Label text="Refresh Count:" labelFor="counter" />
    <Text id="counter"/>

Label and Text are not shown on the same line:

Use HorizonTallayOut to wrap the Label and Text together. Problem solved:

    <l:HorizontalLayout class="sapUiContentPadding" width="100%">
    <Label text="Refresh Count:" labelFor="counter" />
    <Text id="counter"/>
    </l:HorizontalLayout>

The final result:

More of Jerry’s original articles can be found on “Wang Zixi “: