세개의 개체를 float 애트리뷰트를 사용햐여 유동시켰다,

<STYLE>table.sample tr td button{width:100}</STYLE><! sample class의 table 속 tr 속 td 속 모든 button 엘레멘트에 적용>
<DIV style="border:solid 1 red;width:400;height:150">
<IMG id=imgObj src=../../gif/tulip.gif border=1 alt="이미지">
<SPAN id=span1Obj style="border:solid 1 green;background:cfc">DIV 중 SPAN 1 문자열</SPAN>
<SPAN id=span2Obj style="border:solid 1 green;background:ccf">DIV 중 SPAN 2 문자열</SPAN>
</DIV>
<TABLE border=1 class=sample width=400>
<TR>
<TD>imgObj</TD>
<TD><BUTTON onclick="imgObj.style.styleFloat='left';">left</BUTTON></TD>
<TD><BUTTON onclick="imgObj.style.styleFloat='right';">right</BUTTON></TD>
<TD><BUTTON onclick="imgObj.style.styleFloat='none';">none</BUTTON></TD>
</TR>
<TR>
<TD>span1Obj</TD>
<TD><BUTTON onclick="span1Obj.style.styleFloat='left';">left</BUTTON></TD>
<TD><BUTTON onclick="span1Obj.style.styleFloat='right';">right</BUTTON></TD>
<TD><BUTTON onclick="span1Obj.style.styleFloat='none';">none</BUTTON></TD>
</TR>
<TR>
<TD>span2Obj</TD>
<TD><BUTTON onclick="span2Obj.style.styleFloat='left';">left</BUTTON></TD>
<TD><BUTTON onclick="span2Obj.style.styleFloat='right';">right</BUTTON></TD>
<TD><BUTTON onclick="span2Obj.style.styleFloat='none';">none</BUTTON></TD>
</TR>
</TABLE>