From b78b79c7cc6fc6d5295d009cfdbc1d4a777290a0 Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Sat, 31 Aug 2013 17:15:28 -0700 Subject: [PATCH 1/9] Fixing less @import paths in auth/base/tree. These paths were problematic for --NotebookApp.use_less=True mode. --- IPython/html/static/auth/less/style.less | 4 ++-- IPython/html/static/base/less/style.less | 7 ++++--- IPython/html/static/tree/less/style.less | 4 ++-- 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/IPython/html/static/auth/less/style.less b/IPython/html/static/auth/less/style.less index 86be9c583..42f6f3170 100644 --- a/IPython/html/static/auth/less/style.less +++ b/IPython/html/static/auth/less/style.less @@ -1,2 +1,2 @@ -@import "../auth/less/login.less"; -@import "../auth/less/logout.less"; +@import "login.less"; +@import "logout.less"; \ No newline at end of file diff --git a/IPython/html/static/base/less/style.less b/IPython/html/static/base/less/style.less index 000adf017..6b4f558bd 100644 --- a/IPython/html/static/base/less/style.less +++ b/IPython/html/static/base/less/style.less @@ -1,4 +1,5 @@ -@import "../base/less/variables.less"; -@import "../base/less/mixins.less"; -@import "../base/less/flexbox.less"; +@import "variables.less"; +@import "mixins.less"; +@import "flexbox.less"; +@import "page.less"; diff --git a/IPython/html/static/tree/less/style.less b/IPython/html/static/tree/less/style.less index a9c57631f..b294cc9d5 100644 --- a/IPython/html/static/tree/less/style.less +++ b/IPython/html/static/tree/less/style.less @@ -1,2 +1,2 @@ -@import "../tree/less/altuploadform.less"; -@import "../tree/less/tree.less"; +@import "altuploadform.less"; +@import "tree.less"; \ No newline at end of file From 8dd844631596d9dd2edd927f5115a099ee9bd8ec Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Sat, 31 Aug 2013 17:16:23 -0700 Subject: [PATCH 2/9] Indenting MathJax rendered equations in rendered_html divs. This is designed to match the indentation level of MathJax equations in output. --- IPython/html/static/notebook/less/renderedhtml.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/IPython/html/static/notebook/less/renderedhtml.less b/IPython/html/static/notebook/less/renderedhtml.less index db327b0c7..ebf1fbc66 100644 --- a/IPython/html/static/notebook/less/renderedhtml.less +++ b/IPython/html/static/notebook/less/renderedhtml.less @@ -66,4 +66,9 @@ p + p { margin-top: 1em; } + + .MathJax_Display { + margin-left: 12ex; + } + } From 417e99e4ae70c49f2ce591efcb73672d2aa5b6c9 Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Sat, 31 Aug 2013 17:43:54 -0700 Subject: [PATCH 3/9] Compiling CSS for this branch. --- IPython/html/static/style/ipython.min.css | 1 + IPython/html/static/style/style.min.css | 1 + 2 files changed, 2 insertions(+) diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css index df2a7b891..a5df16a70 100644 --- a/IPython/html/static/style/ipython.min.css +++ b/IPython/html/static/style/ipython.min.css @@ -175,6 +175,7 @@ div.quickhelp{float:left;width:50%;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} +.rendered_html .MathJax_Display{margin-left:12ex;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css index b14cecaad..2ebab5874 100644 --- a/IPython/html/static/style/style.min.css +++ b/IPython/html/static/style/style.min.css @@ -1556,6 +1556,7 @@ div.quickhelp{float:left;width:50%;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} +.rendered_html .MathJax_Display{margin-left:12ex;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} From 8d9f2e367a56b693d68e95e51a4c2919330a9632 Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Thu, 19 Sep 2013 09:19:47 -0700 Subject: [PATCH 4/9] Centering for tables/images/math in Markdown. --- .../static/notebook/less/renderedhtml.less | 21 ++++++++++++++++--- IPython/html/static/style/ipython.min.css | 6 ++++-- IPython/html/static/style/style.min.css | 6 ++++-- 3 files changed, 26 insertions(+), 7 deletions(-) diff --git a/IPython/html/static/notebook/less/renderedhtml.less b/IPython/html/static/notebook/less/renderedhtml.less index ebf1fbc66..2d4ceff91 100644 --- a/IPython/html/static/notebook/less/renderedhtml.less +++ b/IPython/html/static/notebook/less/renderedhtml.less @@ -43,7 +43,15 @@ margin: 1em 2em; } - table, tr, th, td { + table { + // Center tables horizontally + margin-left: auto; + margin-right: auto; + border: 1px solid black; + border-collapse: collapse; + } + + tr, th, td { border: 1px solid black; border-collapse: collapse; margin: 1em 2em; @@ -66,9 +74,16 @@ p + p { margin-top: 1em; } - + + img { + display: block; + margin-left: auto; + margin-right: auto; + } + .MathJax_Display { - margin-left: 12ex; + text-align: center !important; + // margin-left: 12ex; } } diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css index a5df16a70..7e5a33465 100644 --- a/IPython/html/static/style/ipython.min.css +++ b/IPython/html/static/style/ipython.min.css @@ -170,12 +170,14 @@ div.quickhelp{float:left;width:50%;} .rendered_html pre{margin:1em 2em;} .rendered_html pre,.rendered_html code{border:0;background-color:#ffffff;color:#000000;font-size:100%;padding:0px;} .rendered_html blockquote{margin:1em 2em;} -.rendered_html table,.rendered_html tr,.rendered_html th,.rendered_html td{border:1px solid black;border-collapse:collapse;margin:1em 2em;} +.rendered_html table{margin-left:auto;margin-right:auto;border:1px solid black;border-collapse:collapse;} +.rendered_html tr,.rendered_html th,.rendered_html td{border:1px solid black;border-collapse:collapse;margin:1em 2em;} .rendered_html td,.rendered_html th{text-align:left;vertical-align:middle;padding:4px;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} -.rendered_html .MathJax_Display{margin-left:12ex;} +.rendered_html img{display:block;margin-left:auto;margin-right:auto;} +.rendered_html .MathJax_Display{text-align:center !important;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css index 2ebab5874..a32c9b96d 100644 --- a/IPython/html/static/style/style.min.css +++ b/IPython/html/static/style/style.min.css @@ -1551,12 +1551,14 @@ div.quickhelp{float:left;width:50%;} .rendered_html pre{margin:1em 2em;} .rendered_html pre,.rendered_html code{border:0;background-color:#ffffff;color:#000000;font-size:100%;padding:0px;} .rendered_html blockquote{margin:1em 2em;} -.rendered_html table,.rendered_html tr,.rendered_html th,.rendered_html td{border:1px solid black;border-collapse:collapse;margin:1em 2em;} +.rendered_html table{margin-left:auto;margin-right:auto;border:1px solid black;border-collapse:collapse;} +.rendered_html tr,.rendered_html th,.rendered_html td{border:1px solid black;border-collapse:collapse;margin:1em 2em;} .rendered_html td,.rendered_html th{text-align:left;vertical-align:middle;padding:4px;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} -.rendered_html .MathJax_Display{margin-left:12ex;} +.rendered_html img{display:block;margin-left:auto;margin-right:auto;} +.rendered_html .MathJax_Display{text-align:center !important;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} From 4b8ccb37e1f8f968898e81cb342aa160977ece2a Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Fri, 20 Sep 2013 14:18:54 -0700 Subject: [PATCH 5/9] Adding 1em spacing above and below tables in rendered html. --- IPython/html/static/notebook/less/renderedhtml.less | 8 ++++++++ IPython/html/static/style/ipython.min.css | 2 ++ IPython/html/static/style/style.min.css | 2 ++ 3 files changed, 12 insertions(+) diff --git a/IPython/html/static/notebook/less/renderedhtml.less b/IPython/html/static/notebook/less/renderedhtml.less index 2d4ceff91..8f07512f2 100644 --- a/IPython/html/static/notebook/less/renderedhtml.less +++ b/IPython/html/static/notebook/less/renderedhtml.less @@ -75,6 +75,14 @@ margin-top: 1em; } + p + table { + margin-top: 1em; + } + + table + p { + margin-top: 1em; + } + img { display: block; margin-left: auto; diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css index 7e5a33465..ebf73d6a2 100644 --- a/IPython/html/static/style/ipython.min.css +++ b/IPython/html/static/style/ipython.min.css @@ -176,6 +176,8 @@ div.quickhelp{float:left;width:50%;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} +.rendered_html p+table{margin-top:1em;} +.rendered_html table+p{margin-top:1em;} .rendered_html img{display:block;margin-left:auto;margin-right:auto;} .rendered_html .MathJax_Display{text-align:center !important;} span#save_widget{padding:0px 5px;margin-top:12px;} diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css index a32c9b96d..cd497a694 100644 --- a/IPython/html/static/style/style.min.css +++ b/IPython/html/static/style/style.min.css @@ -1557,6 +1557,8 @@ div.quickhelp{float:left;width:50%;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} .rendered_html p+p{margin-top:1em;} +.rendered_html p+table{margin-top:1em;} +.rendered_html table+p{margin-top:1em;} .rendered_html img{display:block;margin-left:auto;margin-right:auto;} .rendered_html .MathJax_Display{text-align:center !important;} span#save_widget{padding:0px 5px;margin-top:12px;} From 0ab0153e5abae3223eff997bef386889d3b96dad Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Fri, 20 Sep 2013 20:29:58 -0700 Subject: [PATCH 6/9] Removing extra comment. --- IPython/html/static/notebook/less/renderedhtml.less | 1 - 1 file changed, 1 deletion(-) diff --git a/IPython/html/static/notebook/less/renderedhtml.less b/IPython/html/static/notebook/less/renderedhtml.less index 8f07512f2..ada2a8f4a 100644 --- a/IPython/html/static/notebook/less/renderedhtml.less +++ b/IPython/html/static/notebook/less/renderedhtml.less @@ -91,7 +91,6 @@ .MathJax_Display { text-align: center !important; - // margin-left: 12ex; } } From 33ceac3a993008133fda7b1371c68af5b2a67228 Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Mon, 23 Sep 2013 13:52:19 -0700 Subject: [PATCH 7/9] Removing page.less from base style.less. --- IPython/html/static/base/less/style.less | 1 - 1 file changed, 1 deletion(-) diff --git a/IPython/html/static/base/less/style.less b/IPython/html/static/base/less/style.less index 6b4f558bd..18af1959d 100644 --- a/IPython/html/static/base/less/style.less +++ b/IPython/html/static/base/less/style.less @@ -1,5 +1,4 @@ @import "variables.less"; @import "mixins.less"; @import "flexbox.less"; -@import "page.less"; From ba38fad3b842e2849c08aee662e72adc491cacff Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Wed, 25 Sep 2013 13:12:23 -0700 Subject: [PATCH 8/9] Refactoring the center/left justify. --- .../html/static/notebook/js/mathjaxutils.js | 2 +- .../html/static/notebook/less/outputarea.less | 19 ++++++++++++++ .../static/notebook/less/renderedhtml.less | 26 ++++++++----------- IPython/html/static/style/ipython.min.css | 11 ++++---- IPython/html/static/style/style.min.css | 11 ++++---- 5 files changed, 43 insertions(+), 26 deletions(-) diff --git a/IPython/html/static/notebook/js/mathjaxutils.js b/IPython/html/static/notebook/js/mathjaxutils.js index 016f76e4f..03ba1d42d 100644 --- a/IPython/html/static/notebook/js/mathjaxutils.js +++ b/IPython/html/static/notebook/js/mathjaxutils.js @@ -25,7 +25,7 @@ IPython.mathjaxutils = (function (IPython) { processEscapes: true, processEnvironments: true }, - displayAlign: 'left', // Change this to 'center' to center equations. + displayAlign: 'center', // Change this to 'center' to center equations. "HTML-CSS": { styles: {'.MathJax_Display': {"margin": 0}} } diff --git a/IPython/html/static/notebook/less/outputarea.less b/IPython/html/static/notebook/less/outputarea.less index 225d3d791..378f31142 100644 --- a/IPython/html/static/notebook/less/outputarea.less +++ b/IPython/html/static/notebook/less/outputarea.less @@ -3,6 +3,25 @@ div.output_area { padding: 0px; page-break-inside: avoid; .hbox(); + + .MathJax_Display { + // Inside a CodeCell, elements are left justified + text-align: left !important; + } + + .rendered_html { + // Inside a CodeCell, elements are left justified + table { + // Center tables horizontally + margin-left: 0; + margin-right: 0; + } + + img { + margin-left: 0; + margin-right: 0; + } + } } diff --git a/IPython/html/static/notebook/less/renderedhtml.less b/IPython/html/static/notebook/less/renderedhtml.less index ada2a8f4a..f78a65371 100644 --- a/IPython/html/static/notebook/less/renderedhtml.less +++ b/IPython/html/static/notebook/less/renderedhtml.less @@ -1,4 +1,4 @@ -.rendered_html{ +.rendered_html { color: black; em {font-style: italic;} @@ -71,26 +71,22 @@ text-align: justify; } - p + p { - margin-top: 1em; - } - - p + table { - margin-top: 1em; - } - - table + p { - margin-top: 1em; - } - img { display: block; margin-left: auto; margin-right: auto; } - .MathJax_Display { - text-align: center !important; + * + p { + margin-top: 1em; + } + + * + table { + margin-top: 1em; + } + + * + img { + margin-top: 1em; } } diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css index ebf73d6a2..d324f8de9 100644 --- a/IPython/html/static/style/ipython.min.css +++ b/IPython/html/static/style/ipython.min.css @@ -129,7 +129,9 @@ p{margin-bottom:0;} .end_space{height:200px;} #notification_area{z-index:10;} .notification_widget{color:#777777;padding:1px 12px;margin:2px 4px;z-index:10;border:1px solid #ccc;border-radius:4px;background:rgba(240, 240, 240, 0.5);} -div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;} +div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}div.output_area .MathJax_Display{text-align:left !important;} +div.output_area .rendered_html table{margin-left:0;margin-right:0;} +div.output_area .rendered_html img{margin-left:0;margin-right:0;} div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;} div.output_subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;} div.output_text{text-align:left;color:#000000;font-family:monospace;line-height:1.231em;} @@ -175,11 +177,10 @@ div.quickhelp{float:left;width:50%;} .rendered_html td,.rendered_html th{text-align:left;vertical-align:middle;padding:4px;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} -.rendered_html p+p{margin-top:1em;} -.rendered_html p+table{margin-top:1em;} -.rendered_html table+p{margin-top:1em;} .rendered_html img{display:block;margin-left:auto;margin-right:auto;} -.rendered_html .MathJax_Display{text-align:center !important;} +.rendered_html *+p{margin-top:1em;} +.rendered_html *+table{margin-top:1em;} +.rendered_html *+img{margin-top:1em;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css index cd497a694..dbb820397 100644 --- a/IPython/html/static/style/style.min.css +++ b/IPython/html/static/style/style.min.css @@ -1510,7 +1510,9 @@ p{margin-bottom:0;} .end_space{height:200px;} #notification_area{z-index:10;} .notification_widget{color:#777777;padding:1px 12px;margin:2px 4px;z-index:10;border:1px solid #ccc;border-radius:4px;background:rgba(240, 240, 240, 0.5);} -div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;} +div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}div.output_area .MathJax_Display{text-align:left !important;} +div.output_area .rendered_html table{margin-left:0;margin-right:0;} +div.output_area .rendered_html img{margin-left:0;margin-right:0;} div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;} div.output_subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;} div.output_text{text-align:left;color:#000000;font-family:monospace;line-height:1.231em;} @@ -1556,11 +1558,10 @@ div.quickhelp{float:left;width:50%;} .rendered_html td,.rendered_html th{text-align:left;vertical-align:middle;padding:4px;} .rendered_html th{font-weight:bold;} .rendered_html p{text-align:justify;} -.rendered_html p+p{margin-top:1em;} -.rendered_html p+table{margin-top:1em;} -.rendered_html table+p{margin-top:1em;} .rendered_html img{display:block;margin-left:auto;margin-right:auto;} -.rendered_html .MathJax_Display{text-align:center !important;} +.rendered_html *+p{margin-top:1em;} +.rendered_html *+table{margin-top:1em;} +.rendered_html *+img{margin-top:1em;} span#save_widget{padding:0px 5px;margin-top:12px;} span#checkpoint_status,span#autosave_status{font-size:small;} @media (max-width:767px){span#save_widget{font-size:small;} span#checkpoint_status,span#autosave_status{font-size:x-small;}}@media (max-width:767px){span#checkpoint_status,span#autosave_status{display:none;}}@media (min-width:768px) and (max-width:979px){span#checkpoint_status{display:none;} span#autosave_status{font-size:x-small;}}div.text_cell{padding:5px 5px 5px 5px;} From 882c791a8a88e2ba13622efc04a960f0ca848f40 Mon Sep 17 00:00:00 2001 From: "Brian E. Granger" Date: Wed, 9 Oct 2013 11:44:35 -0700 Subject: [PATCH 9/9] Fixing comments on equation justification. --- IPython/html/static/notebook/js/mathjaxutils.js | 4 +++- IPython/html/static/notebook/less/outputarea.less | 1 - 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/IPython/html/static/notebook/js/mathjaxutils.js b/IPython/html/static/notebook/js/mathjaxutils.js index 03ba1d42d..8802663df 100644 --- a/IPython/html/static/notebook/js/mathjaxutils.js +++ b/IPython/html/static/notebook/js/mathjaxutils.js @@ -25,7 +25,9 @@ IPython.mathjaxutils = (function (IPython) { processEscapes: true, processEnvironments: true }, - displayAlign: 'center', // Change this to 'center' to center equations. + // Center justify equations in code and markdown cells. Elsewhere + // we use CSS to left justify single line equations in code cells. + displayAlign: 'center', "HTML-CSS": { styles: {'.MathJax_Display': {"margin": 0}} } diff --git a/IPython/html/static/notebook/less/outputarea.less b/IPython/html/static/notebook/less/outputarea.less index 378f31142..59cf48c0a 100644 --- a/IPython/html/static/notebook/less/outputarea.less +++ b/IPython/html/static/notebook/less/outputarea.less @@ -12,7 +12,6 @@ div.output_area { .rendered_html { // Inside a CodeCell, elements are left justified table { - // Center tables horizontally margin-left: 0; margin-right: 0; }