文本出现在 div 列表样式的左角

Question

我已使用transform:rotate(); 属性显示垂直，但我无法定位列表项。我已将前三张图片放入列表中，将第四张图片作为文本

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

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

Answer 1

如果您使用的是引导程序 然后使用此代码

 <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>