2022.2

l
TheFloat leftbuttonalignstheInlineBoxtotheleft.Thetextispositionedtotherightofitandis
wrappedaroundthebox.
l
TheFloat rightbuttonalignstheInlineBoxtotheright,withthetextwrappedaroundittotheleft.
l
TheNo floatbuttonpositionstheInlineBoxwhereitoccursinthetext.
ItisnotpossibletomoveanInlineBoxusingdraganddrop.TomovetheInlineBoxtoanotherposition
inthetext,youhavetoedittheHTMLontheSourcetabintheWorkspace,movingthe<div>element
usingcutandpaste.ToopentheSourcetab,clickit(atthebottomoftheWorkspace)orselectView >
Source View.
Span
TheSpanelement(<span>inHTMLcode)isusedtogroupinlineelements,suchastextinapara-
graph.ASpandoesn'tprovideanyvisualchangebyitself,butitprovidesawaytotargetitscontentina
scriptorinastylesheet.
Towrapcontentinaspan,selectthetextandotherinlineelementsandclickInsert > Wrap in Spanon
themenu.GivethespananIDifyouaregoingtoaddastyleruleorscriptforitthatisuniquetothis
span;orgivethespanaclassifthisspancanbetargetedbyastyleorscriptalongwithotherpiecesof
content.Nowyoucanusethewrapper'sIDorclassasascript'sorstyle'sselector;see"UsingtheText
ScriptWizard"onpage729and"Stylingandformatting"onpage671.
Div
TheDivistheelementusedtocreatebothPositionedBoxesandInlineBoxes.Bydefault,aDivele-
mentreactsprettymuchlikeaparagraph(<p>)oraninlineboxsetto'nofloat'exceptthatitcanberes-
izeddirectly.JustlikePositionedBoxesandInlineBoxes,DivelementscanbestyledusingtheFormat
> Boxmenuitem,throughtheCTRL+MkeyboardshortcutorthroughtheCSSfiles;see"Stylingand
formatting"onpage671and"StylingtemplateswithCSSfiles"onpage672.
Adding a Div element
ToaddaDiv,selectInsert > Structural Elements > Divonthemenu.Foranexplanationofthe
options,see"Insertinganelement"onpage569.
HTMLtag:div,span
Whenyouaddelements,suchastext,imagesoratable,tothecontentofatemplate,youareactually
constructinganHTMLfile.ItispossibletoeditthesourceoftheHTMLfiledirectlyintheDesigner;see
"EditingHTML"onpage568.
InHTML,boxesare<div>elements.Spansare<span>elements.Tolearnhowtochangetheattrib-
utesofelements,see"Attributes"onpage568.
Page 625