Float the image to the right:

css2 Nunc efficitur ligula et pellentesque malesuada. Sed rhoncus ligula a augue pharetra suscipit. Sed varius sapien mollis, volutpat tortor quis, tempus risus. Cras sodales fermentum orci, quis laoreet lectus fermentum id. In at suscipit diam, eu condimentum velit. Proin pretium facilisis mauris, et dignissim est lacinia a. Donec auctor augue nec libero accumsan, quis consectetur tortor laoreet. Nunc eleifend enim nisl, vitae consequat dui tempor eget. Nulla vitae venenatis enim. Morbi fermentum nunc odio, sed tincidunt purus consectetur id. Fusce vel velit lectus. Maecenas vel dignissim ipsum. Praesent consequat pulvinar lacus, eget posuere dolor pulvinar et. Nam tincidunt leo ligula, quis porttitor lectus tincidunt quis.

Float the image to the left:

css3 Nunc efficitur ligula et pellentesque malesuada. Sed rhoncus ligula a augue pharetra suscipit. Sed varius sapien mollis, volutpat tortor quis, tempus risus. Cras sodales fermentum orci, quis laoreet lectus fermentum id. In at suscipit diam, eu condimentum velit. Proin pretium facilisis mauris, et dignissim est lacinia a. Donec auctor augue nec libero accumsan, quis consectetur tortor laoreet. Nunc eleifend enim nisl, vitae consequat dui tempor eget. Nulla vitae venenatis enim. Morbi fermentum nunc odio, sed tincidunt purus consectetur id. Fusce vel velit lectus. Maecenas vel dignissim ipsum. Praesent consequat pulvinar lacus, eget posuere dolor pulvinar et. Nam tincidunt leo ligula, quis porttitor lectus tincidunt quis.

Use the CSS float property. The align attribute is deprecated in HTML 4, and not supported in HTML5.







<p><strong>Float the image to the right:</strong></p>
<p>
<img src="images/css2.jpg" alt="css2" style="float:right;width:125px;height:125px;">
Nunc efficitur ligula et pellentesque malesuada. Sed rhoncus ligula a augue pharetra suscipit. Sed varius sapien mollis, volutpat tortor quis, tempus risus. Cras sodales fermentum orci, quis laoreet lectus fermentum id. In at suscipit diam, eu condimentum velit. Proin pretium facilisis mauris, et dignissim est lacinia a. Donec auctor augue nec libero accumsan, quis consectetur tortor laoreet. Nunc eleifend enim nisl, vitae consequat dui tempor eget. Nulla vitae venenatis enim. Morbi fermentum nunc odio, sed tincidunt purus consectetur id. Fusce vel velit lectus. Maecenas vel dignissim ipsum. Praesent consequat pulvinar lacus, eget posuere dolor pulvinar et. Nam tincidunt leo ligula, quis porttitor lectus tincidunt quis. </p> <p><strong>Float the image to the left:</strong></p> <p>
<img src="images/css3.jpg" alt="css3" style="float:left;width:275px;height:313px;">
Nunc efficitur ligula et pellentesque malesuada. Sed rhoncus ligula a augue pharetra suscipit. Sed varius sapien mollis, volutpat tortor quis, tempus risus. Cras sodales fermentum orci, quis laoreet lectus fermentum id. In at suscipit diam, eu condimentum velit. Proin pretium facilisis mauris, et dignissim est lacinia a. Donec auctor augue nec libero accumsan, quis consectetur tortor laoreet. Nunc eleifend enim nisl, vitae consequat dui tempor eget. Nulla vitae venenatis enim. Morbi fermentum nunc odio, sed tincidunt purus consectetur id. Fusce vel velit lectus. Maecenas vel dignissim ipsum. Praesent consequat pulvinar lacus, eget posuere dolor pulvinar et. Nam tincidunt leo ligula, quis porttitor lectus tincidunt quis. </p> <p>Use the CSS float property. The align attribute is deprecated in HTML 4, and not supported in HTML5.</p>

up