I am currently fighting against a Listview, I'm trying to have two images (with headlines on etc.) beside each other, but I can't figure it out.

My code looks like this:

```
 <asp:ListView runat="server" ID="LWArticleList">
        <ItemTemplate>
            <table id="TableArticleList" class="repclass">
                <tr>
                    <td>
                        <div class="thumb main">
                            <p class="thumb-comment">
                                <asp:HyperLink ID="CommentHyperLink" runat="server" CssClass="comment-count">10</asp:HyperLink></p>
                            <asp:HyperLink ID="ArticleLink" runat="server" NavigateUrl='<%# string.Format("~/Article.aspx?id={0}", Eval("ID")) %>'>
                                <asp:Image ID="Image1" Width="250px" Height="170px" runat="server" ImageUrl='<%# string.Format("{0}/{1}", ImageService.ImageLocation, Eval("Image")) %>' />
                            </asp:HyperLink>
                            <div class="thumb-title">
                                <h2><asp:HyperLink ID="LinkTitle" runat="server" Text='<%# Eval("Headline") %>' /></h2>
                                <p><asp:Literal ID="LitSummary" runat="server" Text='<%# Eval("Summary") %>' /></p>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:ListView>

```

I wish my content to be shown like this:

```
Article 1 | Article 2
Article 3 | Article 4

```

But at the moment mine looks like this:

```
Article 1
Article 2
Article 3
Article 4

```

How can I change this?