防止p span元素在页面加载时移动

Question

我在角度应用程序中有一个morris图，它显示了页面加载的数据。我试图在y轴上使用html命名'Population'，css如下：

但是当页面最初加载时，这个跨度'Population'会向上移动到高于此值的其他div，当图表被加载时，它就会进入它的位置。

css：

#Graph{
      margin-left: 4%;
      height:100%;
    }
     #Graph p {
      position:relative;
      float:left;
      width:50%;
      border-radius:5px;
      -moz-border-radius:5px;
      vertical-align: center;
      margin-left: -3%;
    }
     #Graph p span {
      font-size: 15px;
      color: '#606060';
      width:100%; /* same as height of .rotateObj */
      -webkit-transform-origin:84px 70px;
      display:inline-block;
      -webkit-transform:rotate(-90deg);
      text-align:center;
    }

html：

 <div class="card-body" id="Graph">
        <div id ="graphElement"></div>
        <p><span>Population</span></p>

我希望'Population'在此图div中，直到图加载并且不应该向上移动到其他div中。我怎样才能做到这一点？