Skip to main content

Како користити ЦСС како бисте плутали слику десно

Anonim

Ако сте заинтересовани да научите како плутати слику десно од текста, бићете срећни што знате да је то прилично једноставан задатак. Постоји много ситуација у којима програмери желе да се слика на Веб страници појављује унутар текста са текућим текстом или омотаним око њега. На срећу, манипулисање слика је слично манипулисању текста, па ако имате искуства са другим, овај процес не би требало да буде тешко.

Заправо, са ЦСС флоат својством, лако је плутати вашу слику десно од текста и проћи текст око ње на левој страни. Користите овај петоминутни туторијал како бисте научили како.

Почетак

Да започнете, напишите пасус текста и додајте слику на почетку пасуса. Ово треба урадити прије текста али након

таг):

Затим додајте атрибу стила слици и примените својство флоат:

Ваш текст ће бити уперен у односу на слику, па додајте неколико маргина на слику како бисте олакшали читање:

Суни

Робна маржа се односи на маргине у горњој, десној, доњем и левом реду (ТРБЛ).

Окончање

И то то ради. Сада видите да плутајућа слика на десно уопште није тешка. Можда ћете такође бити заинтересовани да плутате слику лево и да га пливате у центар. Иако је први потез могуће, на жалост, не можете пливати слику у центар, јер би то обично захтевало распоред две колоне.