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. */

/* having styles in columns on one line is going to hurt when using stuff like transitions and when the number of arguments on the prefixes are different. therefor I put them on separate styles. I also reversed the indenting as this one will leave your CSS looking nice when you remove the prefixes */

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

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