title: ASP.NET mvc html columns displaying
body: <p>I want to build two columns , first column should contain items of <code>FirstList</code> second column should contain items of <code>SecondList</code>. Why in my implemetation it's placing one column under another? How to fix this? I need to uss css style instead of html?</p>
  
  <p>Controller and classes:</p>
  
  <pre><code>namespace MvcApplication4.Controllers
  {
  public class HomeController : Controller
  {
      //
      // GET: /Home/
  
      public ActionResult Index()
      {
          List&lt;Employee&gt; emp1 = new List&lt;Employee&gt;();
          emp1.Add(new Employee { Number="1",Text="dfsfdsfsafdsafdasfadsf"});
          emp1.Add(new Employee { Number = "2", Text = "asdfsa" });
          emp1.Add(new Employee { Number = "3", Text = "dfsfdsfdasfsafdsafdasfdsafsaadsf" });
          List&lt;Employee&gt; emp2 = new List&lt;Employee&gt;();
          emp2.Add(new Employee { Number = "1", Text = "dfsfdsfsafdsafdasfadsf" });
          emp2.Add(new Employee { Number = "2", Text = "asdfsa" });
          emp2.Add(new Employee { Number = "3", Text = "dfsfdsfdasfsafdsafdasfdsafsaadsf" });
          emp2.Add(new Employee { Number = "4", Text = "asdfsa" });
          emp2.Add(new Employee { Number = "5", Text = "dfsfdsfdasfsafdsafdasfdsafsaadsf" });
          return View(new IndexViewModel { FirstList = emp1, SecondList = emp2 });
      }
  }
  public class IndexViewModel
  {
      public IEnumerable&lt;Employee&gt; FirstList { get; set; }
  
      public IEnumerable&lt;Employee&gt; SecondList { get; set; }
  }
  public class Employee
  {
      public string Text { get; set; }
  
      public string Number { get; set; }
  }
  }
  </code></pre>
  
  <p>Index.cshtml</p>
  
  <pre><code>@model MvcApplication4.Controllers.IndexViewModel
  @{
      ViewBag.Title = "Index";
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  
  &lt;table&gt;
  
  &lt;tbody&gt;
      @foreach (var item in Model.FirstList)
      {
          &lt;tr&gt;
              &lt;td&gt;@item.Number&lt;/td&gt;
              &lt;td&gt;@item.Text&lt;/td&gt;
          &lt;/tr&gt;
      }
      @foreach (var item in Model.SecondList)
      {
          &lt;tr&gt;
              &lt;td&gt;@item.Number&lt;/td&gt;
              &lt;td&gt;@item.Text&lt;/td&gt;
          &lt;/tr&gt;
      }
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>