Текст отображается в левом углу стиля списка div

-3

Я использовал transform:rotate(); свойство видимой вертикали, но я не могу позиционировать элемент списка. Я поставил первые три изображения в списке и 4-й элемент в виде текста

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

Он может размещаться на рабочем столе, но не способен размещать его на более мелких устройствах. Я пытался с абсолютной позицией:

Изображение 319301

  • 0
    Добро пожаловать в переполнение стека! Вопросы, требующие помощи по коду, должны включать самый короткий код, необходимый для его воспроизведения в самом вопросе . См. Как создать минимальный, полный и проверяемый пример.
  • 0
    поставьте нам какой-нибудь код, чтобы помочь вам. мы не знаем, где вы стоите.
Показать ещё 1 комментарий
Теги:
twitter-bootstrap-3

1 ответ

0

если вы используете 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>
Поделиться
  • 0
    спасибо за код, который я немного изменил в вашем коде @Saad Mirza codepen.io/anon/pen/LGQvMY

Ещё вопросы

Сообщество Overcoder
Наверх
Меню