html+css图片浮动的问题?
比如一段这样的代码： 
<div style=" margin:auto; width:1000px;"> 
<img src="XXX.jpg" width="670" height="535"/> 
<div style=" width:200px; float:left">dfdf 

如果这样写浏览器显示的是文字在左边，图片在右边，但我想图片在左边文字在右边，所以我就要加左浮动，那我到底是在图片里加css样式： 
<img src="XXX.jpg" width="670" height="535" style="float:left"/> 
还是在图片外面加个div然后对div进行左浮动呢？ 
我觉得2样都可以达到效果，但减少个div不是也挺好的吗？


------解决方案--------------------
一般如果只想显示一个图片,而不加文字说明，或者不用给图片加特殊效果，那你就
一个<img /> 标签就OK 了
<style type="text/css">
.floatRight {float:right;}
</style>

<img src="xxx.jpg" class="floatRight" />
<p>text text.....</p>
这样就 OK 了
------------------------

如果图片下面还要配一些说明文字，那就最好包在一个 div 里面
<div class="photo">
<img src="xxx.jpg" />
<p>图片说明</p>
</div>

这样如果要设置浮动就可以把图片和文字说明一起浮动到一边。
.photo {float:right;}
-----------------------------------------------------

大侠提问时最好，写个标签要写完，
不要一个 <div ..> 后面没有 这个</div> 怎么好理解的 HTML 哈。
------解决方案--------------------
如果要标准，还是要加个容器给这个IMG..