The style declarations contained within this page:
P.start {line-height: 24px; font-size: 12px; width: 400px;
color: black; background: white;}
#outer1 {color: purple; border: 1px solid purple;}
#inner1 {color: blue; border: 1px solid blue; float: right; width: 130px;}
#outer2 {color: purple; border: 1px solid purple;}
#inner2 {color: blue; border: 1px solid blue; float: right; width: 130px;}
#sibling2 {color: maroon; border: 1px solid maroon;}
#outer3 {color: purple; border: 1px solid purple;}
#inner3 {color: blue; border: 1px solid blue; float: right; width: 130px;}
#sibling3 {color: maroon; border: 1px solid maroon; clear: right;}
[start] The beginning of the paragraph contents. [outer1] The beginning of the outer SPAN. [inner1] The contents of the inner SPAN. [outer] The end of the outer SPAN. The end of the paragraph contents.
[start] The beginning of the paragraph contents. [outer2] The beginning of the outer SPAN. [inner2] The contents of the inner SPAN. [sibling2] The sibling's contents. [outer] The end of the outer SPAN. The end of the paragraph contents.
[start] The beginning of the paragraph contents. [outer3] The beginning of the outer SPAN. [inner3] The contents of the inner SPAN. [sibling3] The sibling's contents. [outer] The end of the outer SPAN. The end of the paragraph contents.