2022.2

wrappedaroundit.
Selecttheimage(see"Selectinganelement"onpage174)andusethe (Floatleft)and (Float
right)iconsonthetoolbartochangethepositionofanimagewithinthetext.
l
TheFloat leftbuttonalignstheimagetotheleft.Thetextispositionedtotherightofitandis
wrappedaroundthebox.
l
TheFloat rightbuttonalignstheimagetotheright,withthetextwrappedaroundittotheleft.
l
TheNo float buttonpositionstheimagewhereitoccursinthetext,asifitwereacharacter.
Textisnotwrappedaroundit.
Topositionanimageusingthemenu,selecttheimageandthenselectoneoftheoptionsinFormat >
Float.
Alternatively,opentheFormattingdialog(see"Applyinglocalformattingtoanimage"ontheprevious
page):selecttheimage;onthemenu,selectFormat > ImageandontheImagetab,underText Wrap,
settheFloatproperty.
Thefloatpropertycouldalsobechangedviaastylesheet.Thispropertyisn'tpresentinoneofthe
tabmenusofthestyleruleeditordirectly,butyoucanadditandspecifyitsvalueafterclickingthe
Advancedbuttoninthestyleruleeditor(see"Applyingstylerulestoanimage"onthepreviouspage).
Pulling an image out of the text flow
Whendraggedintoatemplate,animageisautomaticallyintegratedinthetextflow.Thismeansthatit
willmoveupordown,dependingontheprecedingtext.
InaPrintsection,topositiontheimageindependentlyofthetextflow,youcanchangeitsposition
propertytoabsolute.(Foranexplanationofallpossiblevaluesforthisproperty,see
https://www.w3schools.com/css/css_positioning.asp.)
WhenanimageisplacedinsideaBox(orDivelement),changingitspositionpropertytoabsolute
positionstheimageabsolutelyinsidethatBox.
Notethatfloat,thepropertythatcanmakeanimagefloattotherightorleft(see"Wrappingtext
aroundanimage"onthepreviouspage),isarelativepositioningproperty,sinceitspecifiestheposition
oftheelementrelativetoitscontainer.Thismeansitisincompatiblewiththeposition:absolute
property.
IntheFormattingdialog(see"Applyinglocalformattingtoanimage"onthepreviouspage)thepos-
itionpropertycanbefoundontheImagetab,underPositioning.
Thepositionpropertyisn'tpresentinoneofthetabmenusofthestyleruleeditordirectly,butyou
canadditafterclickingtheAdvancedbuttoninthestyleruleeditor(see"Applyingstylerulestoan
image"onthepreviouspage).
Page 283