Asp.net ListView ItemTemplate中的CSS（浮动）存在问题！

我是CSS新手，在ItemTemplate标记中设置ListView控件样式时遇到问题。
我的项目语言是rtl（波斯语），我想在右边设置用户图像，在图像的左边设置她/他的信息。
但这是结果：

下面是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，它正在工作，但正如您所看到的，模板就像一个层次列表
我希望每件物品都放在前一件物品的下方，而不是前面。

---

请告诉我到底发生了什么？！如何修复它？

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

我在这里找到了答案：

完整的固定代码为：

<ItemSeparatorTemplate>
<hr style="clear:right;" />
</ItemSeparatorTemplate>
<ItemTemplate>
    <div style="clear: both;">
        <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 />
    </div>
</ItemTemplate>

' />
نام وارث: 
（）

نبتتبتاا：

看看结果：

---

如果要将图像放在文本左侧，请使用float:left。对不起。这是我的错误。我纠正了它。我想把图像放在右边，把文本放在左边。不管怎样，只要把两个单独的内容块放在单独的div标签中，并使用它们自己的浮动设置即可。确保在GridView上设置了足够的总宽度，以适应此情况。还可以设置两个内容div的宽度。截图会有帮助。。。