tommorows

HTML

<ul>
  <li class="parent">parent</li>
  <ul>
    <li class="child">child</li>
    <li class="child">child</li>
    <li class="child">child</li>
  </ul>
  <li class="parent">parent</li>
  <li class="parent">parent</li>
  <ul>
    <li class="child">child</li>
  </ul>
</ul>

CSS

ul li {
  list-style: none;
  display: block;
  width: 200px;
  height: 45px;
  border: 1px solid red;
  background-color: gray;
  text-align: center;
  /* i'm unable make text center */
}

ul li.child {
  right: 90px;
}

JavaScript

var upgradeData = {
      "upgrade": [{
        "status": "UPGRADED",
        "updated_date": "14-02-2018 12:09:25",
        "description": "UPGRADE COMPLETED",
        "hostname": ["arun-22", "arun-122", "arun-53", "arun-153"],
        "version": "1.6a12",
        "_id": "5a7aef8407480a589a3a7dd7",
        "arun-22": {
            "status": 2,
            "start_afresh_progress": {
                "status": 2,
                "description": "Started back the stopped services.",
                "title": "Starting back the process.",
                "start_back_services": {
                    "status": 3,
                    "stages": [],
                    "description": "Started back the stopped services succesfully !",
                    "title": "Starting back the stoped services of MW"
                },
                "restart_webservice": {
                    "status": 2,
                    "stages": [],
                    "description": "Restarting back the WebService.",
                    "title": "Restart webservice"
                },
                "stages": ["start_back_services", "restart_webservice"]
            },
            "description": "Upgrading MediaWorker Started !",
            "shutdown_progress": {
                "status": 3,
                "shutdown_mw_progress": {
                    "status": 3,
                    "stages": [],
                    "description": "MediaWorker services are sucessfully shutdown.",
                    "title": "Shutting-down Mediaworker services"
                },
                "description": "Completed Shutdown.",
                "title": "Shutdown in Progress.",
                "prepare_shutdown_progress": {
                    "status": 3,
                    "stages": [],
                    "description": "MediaWorker services are prepared to be shutdown.",
                    "title": "Shutting-down Mediaworker services"
                },
               ...