Poprawa wygladu w widoku (łatwe)

Witam mam taki problem, że w MVC 4 jak dodaje jakiś plik to robi mi nową tabelę pod drugą w widoku, a chcę żeby były 2 obok siebie.

Mam na razie tak, dla lepszego wrazenia zrobiłem obramówki: http://scr.hu/1bwa/b0eav

A chcę mieć o tak: http://scr.hu/1bwa/dwmy0

@model IEnumerable<MvcApplication3.Models.konto>


@{
    ViewBag.Title = "Soundtube";
}

<center>
   @using (Html.BeginForm()){  
       <table> 
           <tr>
         <td><p>Tytuł: @Html.TextBox("szukaj") 
         <input type="submit" value="Szukaj" /></p></td> 
            <td> <a href="@Url.Action("Create")"><img src="../../Content/obrazki/upload.png" alt="Upload"/></a>
</td> 
</tr>
</table> 
         
        } 
</center>

   

<h2>Najnowsze</h2>
<div>
@foreach (var item in Model) {
<table>
    
    <tr>
        <td>@Html.DisplayFor(modelItem => item.file)</td>
    </tr>
    <tr>
        <td> @if (item.file.Contains(".mp3")){
            <article class="audio">
       

        <audio controls>
            <source src="@Url.Action("myaudio",new { id=item.id })" type="audio/mp3" />
            <p>Your browser does not support HTML 5 audio element</p>
        </audio>
    </article>
             }</td>
    </tr>
        <tr>
        <td>
           @Html.ActionLink("Podgląd", "Details", new { id=item.id }) |
            @Html.ActionLink("Usuń", "Delete", new { id=item.id }) |
            @Html.ActionLink("Pobierz","Download", new { id=item.id })

        </td>
    </tr>
         <tr>
        <td style="width: 50px">   @Html.DisplayFor(modelItem => item.username) </td><td style="width: 50px">Kategoria</td>
    </tr>
  
</table>
    }</div>

dobra zrobiłem to podzieliłem divem mi sie udało temat do kosza