• Бесплатный ВЕБИНАР по OSINT с Екатериной Тьюринг: ➡️9 февраля в 19:00 (мск) пройдет урок

    Как безопасно искать информацию в открытых источниках

    🔥 Записаться 🔥

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

  • Автор темы Автор темы 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>

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

Обучение наступательной кибербезопасности в игровой форме. Начать игру!