whitespace use for html/css readability

1-tablemarkup.html

<!-- formatting fun #1: tables! -->

<!-- use whitespace to mimic the layout you want. leave off optional end tags for readability -->

<table>
  <caption>Selector engines, parse direction</caption>
  <thead>
      <tr><th>Left to right            <th>Right to left 
  <tbody>                              
      <tr><td>Mootools                 <td>Sizzle
      <tr><td>Sly                      <td>YUI 3
      <tr><td>Peppy                    <td>NWMatcher
      <tr><td>Dojo Acme                <td>querySelectorAll 
      <tr><td>Ext JS                   
      <tr><td>Prototype.js             
</table>                             

2-columnsstyle.css

/* formatting fun #2: css3 columns! */

/* prefixes in descending length, relevant prop stays adjacent. */

.columned { 
	-webkit-column-count	: 3;	-webkit-column-gap	: 15px; 
	-moz-column-count	: 3;	-moz-column-gap		: 15px; 
	column-count		: 3;	column-gap		: 15px; 
}

/* other css formatting ideas at css3please.com and at dropshado.ws/post/2054719546/css-formatting */