Задать вопрос
@vasil77
html

Обтекание текста при position absolute, как добиться?

Как добиться обтекание картинки текстом. Применял и абсолютное позиционирование и margin' ами пробовал, результат удручающий. Пример кода и самой проблемы

<div class="feedback_slider__box">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti fugiat, suscipit magni. 
              Fuga eum praesentium molestias porro, mollitia minima commodi!
        </p>
        <img class="feedback_slider__img_bttm" src="img/feedback/1.jpg" alt="Фото">
</div>


К тегу p применён box-shadow на углу которого и нужно спозиционировать элемент

5a0f7298e0a4e895633194.jpeg
  • Вопрос задан
  • 848 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Раньше этого сделать было нельзя.
Сейчас в спецификации появилось описание технологии css-shapes (см. на MDN).
Но, увы, поддержка на текущий момент слабовата — can i use css-shapes?

Попробуйте компромиссный вариант. Первую строку сделайте абзацем (text-indent) и увеличьте внутренний отступ у прямоугольника, чтобы остальные строки не лезли под картинку.
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Программа (скрипт) для автоматизации торговли Solana
25 апр. 2024, в 00:45
100 руб./в час
Ещё заказы