无法水平对齐照片和文字

Question

我正在尝试将成员的照片放在他们的评论旁边。我正在使用需要并排图像和文本的线框。

在默认标签上有3条评论。我还试图在评论的左侧显示成员照片，但由于某种原因无法将其呈现。

知道为什么照片没有在左边渲染以及我如何对齐它？我正在寻找Firebug，但不知何故找不到问题。

Answer 1

这是你的问题

<div style="float:left><img src=/img/member_photo/1/mid_thumb.jpeg width="100" ></div>

它应该是：

<div style="float:left"><img src="/img/member_photo/1/mid_thumb.jpeg" width="100" ></div>

你错过了报价

Answer 2

糟糕的HTML

http://i.stack.imgur.com/orinI.jpg

修改

http://i.stack.imgur.com/mSLnw.jpg