diff --git a/_posts/2018-06-12-powerful-things-markdown-editor.md b/_posts/2018-06-12-powerful-things-markdown-editor.md index 2d0f3f594f..73ceae0535 100644 --- a/_posts/2018-06-12-powerful-things-markdown-editor.md +++ b/_posts/2018-06-12-powerful-things-markdown-editor.md @@ -97,8 +97,17 @@ The quick brown jumped over the lazy. Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference. +## Tables + +{:.myTable} +| Tables | Are | Cool | +|:--------:|:-------------:|:-----:| +| col 1 is | left-aligned | $1600 | +| col 2 is | centered | $12 | +| col 3 is | right-aligned | $1 | + ## Full HTML Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Markdown editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example: -

\ No newline at end of file +

diff --git a/assets/css/screen.css b/assets/css/screen.css index b306d2cf27..52ad3f18d8 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -898,4 +898,17 @@ iframe { .lazyimg[data-srcset] { opacity: 0; transition: opacity .25s; -} \ No newline at end of file +} + +div.article-post>table { + width: 100%; + margin-bottom: 2rem; + border: 1px solid #ddd; + border-collapse: collapse; +} + +div.article-post>table td, th { + border-bottom: 1px solid #ddd; +} + +div.article-post>table tr:hover {background-color:#f5f5f5;}