<div class="table-wrapper"> <table class="booktabs"> <thead> <tr><th colspan="2" class="cmid">Items</th><th class="nocmid"></th></tr> <tr><th class="l">Animal</th><th>Description</th class="r"><th>Price ($)</th></tr> </thead> <tbody> <tr><td>Gnat</td> <td>per gram</td><td class="r">13.65</td></tr> <tr><td></td> <td>each</td> <td class="r">0.01</td></tr> <tr><td>Gnu</td> <td>stuffed</td> <td class="r">92.50</td></tr> <tr><td>Emu</td> <td>stuffed</td> <td class="r">33.33</td></tr> <tr><td>Armadillo</td><td>frozen</td> <td class="r">8.99</td></tr> </tbody> </table> </div> Such HTML-based tables are more flexible in appearance than Markdown Extra tables—e.g., they allow multi-column headings—but they have a simpler syntax to make a nice table with the side benefit of being human readable in…