title: Insert a tab or spaces in html
body: <p>I'm new to html and I got this piece of code:</p>
  
  <pre><code>@{ 
      ViewBag.Title = "Index";
  }
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta name="viewport" content="width=device-width" /&gt;
          &lt;title&gt;View1&lt;/title&gt;
          &lt;script src="~/Scripts/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="~/Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" /&gt;
          &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;/head&gt;
      &lt;body&gt;  
          &lt;table&gt;    
              @foreach (var item in Model.Data)
              { 
                  &lt;tr&gt;
                      &lt;td&gt;&lt;a href=@Model.DataUrl[item.Key]&gt;@item.Key&lt;/a&gt;&lt;/td&gt;
                      &lt;td&gt;@item.Value&lt;/td&gt;
                  &lt;/tr&gt;                        
              }
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to add a tab or spaces between: <code>&lt;td&gt;&lt;a href=@Model.DataUrl[item.Key]&gt;@item.Key&lt;/a&gt;&lt;/td&gt;</code> and <code>&lt;td&gt;@item.Value&lt;/td&gt;</code> how do I do that?</p>
  
  <p>I guess adding css is the best way but I don't understand how to use it.</p>