Веб-дизайн, картинки, HTML CSS

Question

Веб-дизайн, картинки, HTML CSS

Александр Шаланин Ученик (100), на голосовании 2 часа назад

Прошу помогите! Я немогу расположить картинку прямо напротив текста справа - она просто не поднимается выше. Я что только не делал - и ширину текста справа укорачивал, и картинку укорачивал, у текста сделал выравнивание слева, а у картинки - справа. Но у меня всё равно не получается поднять картинку, как будто что-то мешает. Помогите пожалуйста!

Answer 1

Судя по вашему описанию, проблема может быть связана с использованием CSS или HTML-разметки. Например, картинка может быть смещена вниз из-за наличия отступов, неявных блоков или проблем с контейнерами.

Обычно такие ситуации можно решить через правильное использование CSS-свойств, таких как `display`, `flexbox`, или `grid`. Пока что вот несколько советов:

### Пример решения с использованием Flexbox:

 <div style="display: flex; align-items: center; justify-content: space-between;">
  <div>
    <h1>Что мы предлагаем?</h1>
    <ul>
      <li>Быстрое и качественное выполнение работы</li>
      <li>Встроенные системы освещения</li>
      <li>Внедрение в систему "Умный дом"</li>
      <li>Гарантия на полотно от производителя от 10 до 25 лет</li>
    </ul>
  </div>
  <img src="image.png" alt="Кухня" style="max-height: 400px; object-fit: cover;">
</div>

### Основные моменты:
1. Используйте `display: flex` на контейнере, чтобы выровнять элементы горизонтально.
2. Свойство `align-items: center` поможет выровнять элементы по вертикали.
3. Следите за размером изображения с помощью `max-height` и/или `width`.