title: How to add margin to the table td
body: <p><em><strong>CSS:</em></strong></p>
  
  <pre><code>.chash, .java, .php, .jscript, .jQuery, .cplus, .python, .asp, .dotnet, .html,
  .objectivec, .iOS, .sql, .css, .rubyr, .c, .xml, .AJAX, .xcode, .linux, .windows,
  .vbdotnet, .json, .Apache, .wordpress, .oracle, .Perl, .ActionScript, .flash,
  .dothtaccess, .VisualStudio, .GoogleAppEngine, .jsp,. PostgreSQL, .ZendFramework,
  .email, .GoogleMaps {  
      background: none repeat scroll 0 0 #FFFFFF;
      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
      margin: 10px;
      padding: 5px;
      width: 250px;
      height: 180px;
   }
  
  td {
     padding-right: 20px;
     margin: 10px;
  }
  </code></pre>
  
  <p><em><strong>HTML:</em></strong></p>
  
  <pre><code>&lt;div class="Languages"&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td class="chash"&gt;&lt;/td&gt;
        &lt;td class="java"&gt;&lt;/td&gt;
        &lt;td class="php"&gt;&lt;/td &gt;
        &lt;td class="jscript"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="jQuery"&gt;&lt;/td&gt;
        &lt;td class="Perl"&gt;&lt;/td&gt;
        &lt;td class="dothtaccess"&gt;&lt;/td&gt;
        &lt;td class="flash"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;  
        &lt;td class="cplus"&gt;&lt;/td&gt;
        &lt;td class="python"&gt;&lt;/td &gt;
        &lt;td class="asp"&gt;&lt;/td&gt;
        &lt;td class="dotnet"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="html"&gt;&lt;/td&gt;
        &lt;td class="email"&gt;&lt;/td &gt;
        &lt;td class="GoogleMaps"&gt;&lt;/td&gt;
        &lt;td class="ActionScript"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="objectivec"&gt;&lt;/td&gt;
        &lt;td class="iOS"&gt;&lt;/td&gt;
        &lt;td class="sql"&gt;&lt;/td&gt;
        &lt;td class="ZendFramework"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="PostgreSQL"&gt;&lt;/td&gt;
        &lt;td class="oracle"&gt;&lt;/td &gt;
        &lt;td class="jsp"&gt;&lt;/td&gt;
        &lt;td class="css"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="rubyr"&gt;&lt;/td &gt;
        &lt;td class="c"&gt;&lt;/td&gt;
        &lt;td class="xml"&gt;&lt;/td&gt;
        &lt;td class="AJAX"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="xcode"&gt;&lt;/td&gt;
        &lt;td class="wordpress"&gt;&lt;/td&gt;
        &lt;td class="linux"&gt;&lt;/td&gt;
        &lt;td class="windows"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td class="vbdotnet"&gt;&lt;/td&gt;
        &lt;td class="json"&gt;&lt;/td &gt;
        &lt;td class="Apache"&gt;&lt;/td&gt;
        &lt;td class="GoogleAppEngine"&gt;&lt;/td&gt;
        &lt;td class="VisualStudio"&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><a href="http://www.doers.lk/" rel="noreferrer">LIVE DEMO</a></strong></p>