ObjectHeaderTextAlign

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>ObjectHeader TextAlign</title>
    <!-- 1.) Load SAPUI5 (from a remote server), select theme and control library -->
    <script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-libs="sap.ui.commons,sap.m,sap.ui.unified"
	data-sap-ui-xx-bindingSyntax="complex"></script>

    <!-- 2.) Create a UI5 ObjectHeader and place it onto the page -->
    <script>
	
      var oObjectHeader = new sap.m.ObjectHeader(
  "oh1", {
  number : "3998.07",
  numberUnit : "NetPay USD",
  title : "7/31/15",
  showMarkers: false,
  markFlagged: true,
  markFavorite: true,
  backgroundDesign: "Translucent",
  attributes: [new sap.m.ObjectAttribute({text:"Payroll Period 7/14/15 - 7/31/15"}),new sap.m.ObjectAttribute({text:"Employee ID 50008554"}),new sap.m.ObjectAttribute({text:"Position Chancellor"})],
  statuses: [new sap.m.ObjectStatus({text:"Deductions 0.00USD",state:"Warning"}), new sap.m.ObjectStatus({text:"Gross Pay 4,930.44USD",state:"Success"}), new sap.m.ObjectStatus({text:"My Own Text",state:"None"})]
});    

     oObjectHeader.placeAt("uiArea");

     </script>
</head>
<body class="sapUiBody">

    <!-- This is where you place the UI5 ObjectHeader -->
    <div id="uiArea"></div>
</body>
</html>

// Code goes here

/* Styles go here */