1 <p>HTML</p>

2 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Text Direction and Tables&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;article&gt; &lt;h1&gt;Browser Usage Statistics&lt;/h1&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Year&lt;/td&gt; &lt;td&gt;2008&lt;/td&gt; &lt;td&gt;2010&lt;/td&gt; &lt;td&gt;2012&lt;/td&gt; &lt;td&gt;2014&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Chrome&lt;/td&gt; &lt;td&gt;3%&lt;/td&gt; &lt;td&gt;22%&lt;/td&gt; &lt;td&gt;47%&lt;/td&gt; &lt;td&gt;59%&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Firefox&lt;/td&gt; &lt;td&gt;42%&lt;/td&gt; &lt;td&gt;43%&lt;/td&gt; &lt;td&gt;31%&lt;/td&gt; &lt;td&gt;25%&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;IE&lt;/td&gt; &lt;td&gt;50%&lt;/td&gt; &lt;td&gt;27%&lt;/td&gt; &lt;td&gt;15%&lt;/td&gt; &lt;td&gt;9%&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/article&gt; &lt;/body&gt; &lt;/html&gt;</p>

3 <p>CSS</p>

4 <p>body { padding: 10px; background: url("bokeh.jpg") no-repeat 50% 0; color: #333333; font-size: 14px; font-family: "Georgia", sans; } article { padding: 20px; background-color: rgba(240, 240, 240, 0.85); } table { border-collapse: collapse; } tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.75); } td { padding: 10px 15px; border-right: 1px dashed #cccccc; } td:first-child { text-align: right; font-style: italic; } td:last-child { border-right: none; }</p>