html将文字放在图片右边,HTML代码将图像放在左边，文本放在屏幕的右边，下边是页脚？...

This is what my page should look like -

--------Header (will put code to load header from external site here)

--Image on left side - Text on right side.

--------Footer ((will put code to load footer from external site here))

How can I do this? I am actually looking for a template where all I have to do is place my image, text and header and footer code.

解决方案

Option 1:

For text wrapping around the image, use this basic HTML:

... contents go here ...

Example content

... contents go here ...

And this CSS:

#content img {

float: left;

}

Option 2:

For two distinct content columns, use this HTML:

... contents go here ...

Example content

... contents go here ...

And CSS:

#content .col {

float: left;

}

#footer {

clear: left;

}