Як плавае малюнак справа ад тэксту

Гэта пяць хвілін кіраўніцтва тлумачыць, як

зацікаўлены ў вывучэнні, як плавае малюнак справа ад тэксту Вы? Калі так, то вы не самотныя. Ёсць шмат сітуацый, калі праграмісты хочуць малюнак на вэб-старонцы, каб з'явіцца ўнутры тэксту з тэкстам праточнага або абгорнутыя вакол яго. На шчасце, працы з малюнкамі падобны на працы з тэкстам, таму калі ў вас ёсць вопыт працы з апошнім, гэты працэс не павінен быць цяжка.

На самай справе, з дапамогай ўласцівасці CSS паплавок, лёгка усплываюць малюнак справа ад тэксту і маюць тэкставы паток вакол яго на левай баку . Выкарыстоўвайце гэты пяціхвілінны падручнік, каб даведацца, як.

Пачатак

Для таго, каб пачаць, напісаць абзац тэксту і дадаць малюнак у пачатку абзаца. Гэта павінна быць зроблена перад тэкстам, але пасля тэга <р>):

<Р> DUIs Aut Е irure Dolor сед зрабіць eiusmod Tempor incididunt ў reprehenderit ў voluptate. Cupidatat ня proident, ет лабараў і інш Dolore Магна aliqua. Sunt ў Кульпа QUIS nostrud excepteur Сінт практыкаванне occaecat. Mollit анімэ ID Эст laborum.

Затым дадайце атрыбут стылю да выявы і прымяніць ўласцівасць паплаўка:

стыль "Суни" = "Паплавок: права;" />

Ваш тэкст будзе пратараніў прама супраць малюнка, таму дадаць некаторыя поля малюнкаў, каб зрабіць яго больш зручным для чытання:

маржа: 0 5px 0 0;" />

Ўласцівасць Запас скарочаная ўжываецца палёў у парадку зверху, справа, знізу і злева ( TRBL ).

заключэнне

І гэта робіць. Цяпер вы бачыце, што плаваюць малюнка справа не цяжка. Вы таксама можаце быць зацікаўлены ў плавае малюнак злева і плавучага яго да цэнтра. У той час як першы крок можна, на жаль, вы не можаце плавае малюнак да цэнтра, так як гэта, як правіла, патрабуецца макет з двума калонкамі.