JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.m,sap.ui.commons"
				data-sap-ui-theme="sap_bluecrystal">
		</script>

		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var otext1 = new sap.m.Text({text:"Test1"});
		otext1.setTextAlign("Center");
		
		var oText1 = new sap.m.Text({text: "Text1"});
		var oText2 = new sap.m.Text({text: "Text2"});

		var olabel1 = new sap.m.Label({text:"Label1",layoutData: new sap.ui.layout.GridData({span: "L1 M3 S4"})});
		var olabel2 = new sap.m.Label({text:"Label2",layoutData: new sap.ui.layout.GridData({span: "L6 M4 S4", margin: false})});

		var oForm = new sap.ui.layout.form.SimpleForm({layout: sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout ,
		                                   content:[otext1,olabel1,oText1,olabel2,oText2]
		  
		});
		
		 oForm.placeAt("content");