title: HTML tab interface using only CSS
body: <p>is it possible to create a tabbed interface using just css, no javascript?
  I mean to be able to switch the tabs using css/html, without javascript. Maybe with CSS 3.0?</p>
  
  <p>the markup would be something like:</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;&lt;a href="#tab1"&gt;tab 1&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#tab2"&gt;tab 2&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#tab3"&gt;tab 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="tab1"&gt; ...1... &lt;/div&gt;
  &lt;div id="tab2"&gt; ...2... &lt;/div&gt;
  &lt;div id="tab3"&gt; ...3... &lt;/div&gt;
  </code></pre>