asp.net - ListView ItemTemplate 中的 CSS( float )问题!

Question

我是 CSS 新手，在 ItemTemplate 标签中设置 ListView 控件的样式有问题。
我的元素语言是 rtl(波斯语)，我想将用户图像设置在右侧，将她/他的信息设置在图像左侧。
但这是结果:

alt text http://sites.google.com/site/mahdiahmadirad/download-1/2009-12-08_134217.png?attredirects=0&d=1

这是 ListView 的代码:

<asp:ListView ID="NokListView" runat="server" DataSourceID="ObjectDataSource1">
    <LayoutTemplate>
        <img alt="" src="./img/group.png"><br />
        <br />
        <fieldset>
            <legend>ليست کلي</legend>
            <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
        </fieldset>
    </LayoutTemplate>
    <ItemSeparatorTemplate>
        <hr />
    </ItemSeparatorTemplate>
    <ItemTemplate>
        <img style="float: right;" alt="" src='<%# Eval("Gender","./img/{0}.png") %>' />
        <span>نام وارث:</span><%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %><span
            dir="ltr">(<%# Eval("Email") %>)</span><br />
        <span>نسبت او با شما:</span>
        <%# Eval("Relationship")%><br />
    </ItemTemplate>
</asp:ListView>

我将 的样式设置为 float:right，它可以正常工作，但如您所见，模板就像一个分层列表!
我希望每个元素都位于前一个元素的下方，而不是在前面。请向我解释到底发生了什么？!以及如何解决？

Answer 1

用 float:left 将非图像数据放在一个 div 中，看看是否可行？