Обтекание картинки текстом!

  • Автор темы Автор темы Monkey
  • Дата начала Дата начала
M

Monkey

Как зделать такую штуку,нужно разместить картинку по центру страницы,с левой стороны от нее должен быть текст,а с правой картинки меньшего размера 3 штуки расположеные горизонтально!
 
Юзать блоки с float: right

Что-то типа:
Код:
<html>
<head>
<style>
#picture_set { float: right }
#picture_set img { width: 100px; height: 75px; float: right; clear: both; margin: 5px 30px }
#main_picture { float: right; width: 400px; height: 300px; margin: 5px 10px}
</style>
</head>
<body>

<div id='picture_set'>
<img>
<img>
<img>
</div>
<img id='main_picture'>
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
asdgf dsg sd g d dsfgsdfhertfhj hh trh trh etrhety hetrh htr etyhjty etyhjtyjtyjty jtyj ty
</body>
</html>

Тока точно отцентрировать главную картинку вряд ли удастся.
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab