From 67941bb7782c319b5f9ef280a26105303ace9457 Mon Sep 17 00:00:00 2001
From: Miko4 <miko498@mail.ru>
Date: Fri, 11 Mar 2016 22:53:02 +0100
Subject: [PATCH] Fixing the Markdown Extra table by wrapping it into a
 table-wrapper div

Currently the table and the margin note are displayed on top of each other. This should be explained in the Text aswell, I think.
---
 _posts/2015-02-19-tufte-style-jekyll-blog.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/_posts/2015-02-19-tufte-style-jekyll-blog.md b/_posts/2015-02-19-tufte-style-jekyll-blog.md
index ae4787450..ef8116194 100644
--- a/_posts/2015-02-19-tufte-style-jekyll-blog.md
+++ b/_posts/2015-02-19-tufte-style-jekyll-blog.md
@@ -257,7 +257,7 @@ As an example of alternative table styles, academic publications written in <spa
 {% newthought 'I like this style of table,' %}  so I have made it the default for unstyled tables. This allows use of the [*Markdown Extra*](https://michelf.ca/projects/php-markdown/extra/) features built into the [*Kramdown*](http://kramdown.gettalong.org/parser/kramdown.html) parser. Here is a table created using the Markdown Extra table syntax to make a nice table which has the side benefit of being human readable in the raw markdown file:
 
 {% marginnote 'tableID-3' 'Table 3: a table created with *Markdown Extra* markup using default table styling' %}
-
+<div class="table-wrapper" markdown="block">
 |                 |mpg  | cyl  |  disp  |   hp   |  drat  | wt  |
 |:----------------|----:|-----:|-------:|-------:|-------:|----:|
 |Mazda RX4        |21   |6     |160     |110     |3.90    |2.62 |
@@ -267,6 +267,7 @@ As an example of alternative table styles, academic publications written in <spa
 |Hornet Sportabout|18.7 |8     |360     |175     |3.15    |3.44 |
 |Valiant          |18.1 |6     |160     |105     |2.76    |3.46 |
 
+</div>
 
 Using the following markup(down):