Responsive Grid Layout in fiori

Hi All,

I am designing a layout where my screen looks like

NameLabel: NameText          CurrencyLabel : CurrencyText

4 rows in a single column. I want this screen to be designed under a Icon Tab in Fiori App.

                <Label id="NameLabel" text="Name"></Label> 

                <Text  id=" NameText" text="Name"></Text>

                <Label id=" CurrencyLabel" text="CurrencyLabel"></Label>

                <Text  id=" CurrencyText" text="Currency"></Text>

                </ui:content>

                </ui:form.SimpleForm>

Output

Name:           Name

Currency:     Currency

Please help me in getting all 4 fields in a single line. [namelabel: name   currencylabel:   currency]

Thanks,

Divya