Выравнивание картинки относительно текста, CSS

@Culesso · Регистрация: 12.11.2014

Студворк — интернет-сервис помощи студентам

Добрый день, очень хочется получить помощь в простом вопросе, но перепробовал все коды, что нашел не могу получить результата (я очень плох в html). Надо выровнять картинку относительно текста, чтобы она упиралась точно в середину строки - я создал отдельный параграф в css для img этого блока, но какой код отвечает за это? Спасибо заранее за помощь.

Вложение 453385

PS Ну или даже лучше текст приподнять, для аналогичного эффекта.

@Fedor92 · 12.11.2014, 15:01

Вот Вам небольшой пример использования padding... Обратите внимание на структуру страницы... То есть я взял и поместил в див текст и картинку и только потом их позиционировал...

@Culesso · 12.11.2014, 15:30 **[ТС]**

Все - я допер =) Сделал.

#body div .whyme img {
display: block;
float: left;
margin: 10px 30px 25px 0;
padding: 0;
}

Вот таким добавлением в CSS получилось двигать картинку относительно текста, странно что текст при таких же строках не двигался. Теперь проблема в том, что все картинки на левой стороне, а делать еще один блок не хочется, но это уже вопрос легкий =) Спасибо за помощь. Огромное спасибо.

Добавлено через 6 минут

Вот так вот =) Еще раз спасибо. Не до конца понял механизм, но получилось =) Механизм уже потом освоим....=)

Новые блоги и статьи Все статьи Все блоги /
Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" Adler 06.10.2026 Всем привет! За последние три-четыре дня я создал более 16 текстовых квестовых игр используя преимущественно по одному запросу к ИИ на игру. Мне так понравилось смотреть все ветки/ сцены во всех. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .	Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Nekobox - outbounds[0].transport: unknown transport type: raw damix 01.10.2026 Фикс ошибки Правым кликом по серверу -> отладочная информация -> edit Заменить "net": "raw", на "net": "tcp", Нажать кнопку reload.
Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .

@Culesso 0 / 0 / 0 Регистрация: 12.11.2014 Сообщений: 12

	Выравнивание картинки относительно текста, CSS 12.11.2014, 12:41. Показов 10122. Ответов 21 Метки нет (Все метки) Добрый день, очень хочется получить помощь в простом вопросе, но перепробовал все коды, что нашел не могу получить результата (я очень плох в html). Надо выровнять картинку относительно текста, чтобы она упиралась точно в середину строки - я создал отдельный параграф в css для img этого блока, но какой код отвечает за это? Спасибо заранее за помощь. Вложение 453385 PS Ну или даже лучше текст приподнять, для аналогичного эффекта. 0

@Culesso 0 / 0 / 0 Регистрация: 12.11.2014 Сообщений: 12
	12.11.2014, 15:30 [ТС]
	Все - я допер =) Сделал. #body div .whyme img { display: block; float: left; margin: 10px 30px 25px 0; padding: 0; } Вот таким добавлением в CSS получилось двигать картинку относительно текста, странно что текст при таких же строках не двигался. Теперь проблема в том, что все картинки на левой стороне, а делать еще один блок не хочется, но это уже вопрос легкий =) Спасибо за помощь. Огромное спасибо. Добавлено через 6 минут Вот так вот =) Еще раз спасибо. Не до конца понял механизм, но получилось =) Механизм уже потом освоим....=) 0