文本显示在div列表样式的左下角

Question

我已将transform:rotate();属性用于可见垂直但我无法定位列表项。我已将前三个图像放在列表中，第四个项目作为文本

<ul>
    <li>img</li>
    <li>img</li>
    <li>img</li>
    <li>p</li>

可以在桌面上定位但不能在较小的设备中定位 我尝试了绝对位置：

Answer 1

如果您使用的是bootstrap 然后使用此代码

 <div class="col-lg-12 col-md-12 col-sm-12 col-xm-12">
       <div class="col-lg-1 col-md-1 col-sm-1 col-xm-1" style="vertical-align: middle;    
display: table-cell;">
              <h1>I need to insert  text here</h1>
       </div>
       <div class="col-lg-11 col-md-11 col-sm-11 col-xm-11">
        <ul>
          <li>img</li>
          <li>img</li>
          <li>img</li>
          <li>p</li> 
         </ul>
       </div>
 </div>