Example
HTML
<h2>Example Table</h2>
<table class="normal">
<tr><td>Cell #1</td><td>Select & Copy me</td></tr>
<tr><td>Cell #2</td><td>Or me</td></tr>
</table>
<br/>
<pre>
Start the selection on the left blue column and copy some text int your clipboard.
Paste it somewhere and you will see a tab char in front of the text.
</pre>
CSS
table.normal
{
display: table;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
border: 0;
}
table.normal tr:nth-child(odd)
{
background: #EEEEEE;
}
table.normal tr:nth-child(even)
{
background: #FCFCFC;
}
table.normal2
{
display: table;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
border: 0;
}
table.normal td:first-child
{
background: #009ccc;
}