Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Wrap text around image

Posted on 2011-10-08
2
Medium Priority
?
305 Views
Last Modified: 2012-06-27
How do I wrap my text in line 16 around the referenced image in line 13 using the pasted HTML code below?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd">
   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Lab 3-1</title>
</head>
<body>
<div>
<img src="recycle.gif" style="margin-left-and-right" alt="Image of Recycle Bin" class="align-left" />
</div>
<a name="top"></a>
It is time for our annual recycling drive!  Recycling means taking a product or material at the end of its useful life and making it into a usable raw material to make another product.  We have been very successful with paper and plastic products.  Last year, we recycled more items than our previous three years.  Let's try to do it again this year.  We will have a dinner for everyone involved with the recycle drive on Saturday night.  We hope to see you all there!
<h1><i>Help the Earth - Recycle</i></h1>
<ul>
    <li><a href="#qa">Q and A about recycling</a></li>
    <li><a href="#when">When to recycle</a></li>
    <li><a href="#contact">Who to contact</a></li>
</ul>
<a name="qa"></a>
<h2>About Recycling</h2>
According to an introductory paragraph on Wikipedia, the process of recycling can be defined in the following way: "Recycling is processing used materials (waste) into new products to prevent waste of potentially useful materials, reduce the consumption of fresh raw materials, reduce energy usage, reduce air pollution (from incineration) and water pollution (from land filling) by reducing the need for "conventional" waste disposal, and lower greenhouse gas emissions as compared to virgin production. Recycling is a key component of modern waste reduction and is the third component of the "Reduce, Reuse, Recycle" waste hierarchy."
<a name="when"></a>
<h2>When</h2>
We will begin on Monday, Oct 17 at 8am.  Receptacles labeled 'paper' and 'plastic' will placed in side-by-side pairs at strategic locations throughout the campus.  Everyone is encouraged to participate.
<a name="contact"></a>
<h2>Contacts</h2>
For information regarding this Web site, recycling products, or sponsoring a recycling drive, please e-mail Donna Jo McCauley at <a href="mailto:donna.mccauley@isp.com">donna.mccauley@isp.com</a>
<p><a href="#top">To top</a></p>
</body>
</html>

Open in new window

0
Comment
Question by:rtod2
2 Comments
 
LVL 9

Accepted Solution

by:
Michael Knight earned 2000 total points
ID: 36936984
style="float: left"

<img src="recycle.gif" style="float:left" alt="Image of Recycle Bin"  />

not sure what you're trying to acomplish with: style="margin-left-and-right"
0
 

Author Comment

by:rtod2
ID: 36937027
Here is an updated screenshot of my current result http://screencast.com/t/MqyetH2w.  The code below is the new code.

1. I need the text to not only wrap the image, but to be in the middle as opposed to the top.
2. I need the heading to appear below the image.  The <break/> tags don't seem to do this as I had expected they would.

Please advise further if possible.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd">
   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Lab 3-1</title>
</head>

<body>

<a name="top"></a>
<div><img src="recycle.gif" style="float:left; padding:5px"/>It is time for our annual recycling drive!  Recycling means taking a product or material at the end of its useful life and making it into a usable raw material to make another product.  We have been very successful with paper and plastic products.  Last year, we recycled more items than our previous three years.  Let's try to do it again this year.  We will have a dinner for everyone involved with the recycle drive on Saturday night.  We hope to see you all there!</div>

<break/><break/><break/><break/><h1><i>Help the Earth - Recycle</i></h1>

<ul>
    <li><a href="#qa">Q and A about recycling</a></li>
    <li><a href="#when">When to recycle</a></li>
    <li><a href="#contact">Who to contact</a></li>
</ul>

<a name="qa"></a>
<h2>About Recycling</h2>
According to an introductory paragraph on Wikipedia, the process of recycling can be defined in the following way: "Recycling is processing used materials (waste) into new products to prevent waste of potentially useful materials, reduce the consumption of fresh raw materials, reduce energy usage, reduce air pollution (from incineration) and water pollution (from land filling) by reducing the need for "conventional" waste disposal, and lower greenhouse gas emissions as compared to virgin production. Recycling is a key component of modern waste reduction and is the third component of the "Reduce, Reuse, Recycle" waste hierarchy."

<a name="when"></a>
<h2>When</h2>
We will begin on Monday, Oct 17 at 8am.  Receptacles labeled 'paper' and 'plastic' will placed in side-by-side pairs at strategic locations throughout the campus.  Everyone is encouraged to participate.

<a name="contact"></a>
<h2>Contacts</h2>
For information regarding this Web site, recycling products, or sponsoring a recycling drive, please e-mail Donna Jo McCauley at <a href="mailto:donna.mccauley@isp.com">donna.mccauley@isp.com</a>
<p><a href="#top">To top</a></p>

</body>
</html>

Open in new window

0

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
Strategic internal linking is often considered an SEO power technique, especially for content marketing. Do you need to hire an SEO agency to optimize you internal linking? No, this article will help you understand the basics of internal linking and…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

577 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question