Float Example with an Image
This is an accessibility logo
that is used to indicate universally accessible Web materials. It was developed
through a contest sponsored by the Yuri Rubinsky Foundation. Yuri Rubinsky was
President of SoftQuad a company that developed authoring tools for SGML and
HTML documents. He died quit suddenly in 1995. Yuri Rubinsky was an early
industry advocate for designing accessible electronic materials. He organized
and sponsored many activities for early web accessibility.
Example code:
<style type="text/css">
.mystyle1 {
border: 3px solid black;
width: 40%;
padding: .5em }
img.icon {
float: left;
margin: 4px }
</style>
.....
<div class="mystyle1">
<img
src="../images/a1000.gif"
width="72"
height="67"
border="0"
class="icon"
alt="Accessibility Logo"/>
This is an accessibility logo that is used to indicate universally accessible Web materials. It was developed through a contest sponsored by the Yuri Rubinsky Foundation. Yuri Rubinsky was President of SoftQuad a company that developed authoring tools for SGML and HTML documents. He died quit suddenly in 1995. Yuri Rubinsky was an early industry advocate for designing accessible electronic materials. He organized and sponsored many activities for early web accessibility.</div>
....
.mystyle1 {
border: 3px solid black;
width: 40%;
padding: .5em }
img.icon {
float: left;
margin: 4px }
</style>
.....
<div class="mystyle1">
<img
src="../images/a1000.gif"
width="72"
height="67"
border="0"
class="icon"
alt="Accessibility Logo"/>
This is an accessibility logo that is used to indicate universally accessible Web materials. It was developed through a contest sponsored by the Yuri Rubinsky Foundation. Yuri Rubinsky was President of SoftQuad a company that developed authoring tools for SGML and HTML documents. He died quit suddenly in 1995. Yuri Rubinsky was an early industry advocate for designing accessible electronic materials. He organized and sponsored many activities for early web accessibility.</div>
....