Question

У меня есть такой "объект", в нём картинка и текст, как сделать их на одном уровне?

Answer 1

Если не видеть конкретно страницы с проблемой и ссылки на нее, тогда никак.

Comments

https://fkmg-project.ucoz.net/content/confabagram

---

FKMG Project,

Попробуйте стили в строке 1 поправить и заменить на следующие:

.tittlePubl {font-size: 15pt;position: relative;top: 5px;}

---

Yuri_Geruk,

Спасибо огромное!!!!

---

FKMG Project,

На компьютере всё хорошо, а вот на телефоне, иконки слишком большие

---

FKMG Project,

В стилях в строке 750 удалите значение:

width:100%!important;

---

Yuri_Geruk,

тогда на главной странице криво выглядеть изображение статьи (превью)

---

FKMG Project,

Не вижу никакого крывого отображения. Пример наведите.

---

Yuri_Geruk,

в моб. версии сайта

---

Yuri_Geruk,

Проверяйте, в моб. версии сайта, на главной странице, превью статьи, оно не полностью заполняет телефон, и кусок текста есть.

---

Yuri_Geruk,

я вернул обратно, сейчас

---

FKMG Project,

Верно. Придется либо мириться с этим либо в строке 750 удалить стили:

width:100%!important;float:none;

тогда возле фото будет нормально текст отображаться, а не два слова. В общем, вам выбирать как лучше поступить, универсального решения для вас нет.

---

Yuri_Geruk,

Решил проблему с помощью @media  Удалил с 750 строки  width:100%!important  Дописал в стили этот код :   .imgMaterialov {   width: 100%; } /* Для больших устройств (ноуты, пк) */ @media (min-width: 760px) {   .imgMaterialov {     width: 150px;   } }  Проблема решена

---

Yuri_Geruk,

Только на смартфоне та же проблема которая была изначально ( не совмещённая картинка с текстом)