diff --git a/routes.go b/routes.go
index f57ee92..9f1d4b5 100644
--- a/routes.go
+++ b/routes.go
@@ -67,11 +67,11 @@ func renderMarkdown(c *gin.Context, title string) {
 
 	r, _ := regexp.Compile("\\$\\$(.*?)\\$\\$")
 	for _, s := range r.FindAllString(html2, -1) {
-		html2 = strings.Replace(html2, s, "<div class='texp' data-expr='"+s[2:len(s)-2]+"'></div>", 1)
+		html2 = strings.Replace(html2, s, "<span class='texp' data-expr='"+s[2:len(s)-2]+"'></span>", 1)
 	}
 	r, _ = regexp.Compile("\\$(.*?)\\$")
 	for _, s := range r.FindAllString(html2, -1) {
-		html2 = strings.Replace(html2, s, "<div class='texi' data-expr='"+s[1:len(s)-1]+"'></div>", 1)
+		html2 = strings.Replace(html2, s, "<span class='texi' data-expr='"+s[1:len(s)-1]+"'></span>", 1)
 	}
 
 	c.HTML(http.StatusOK, "view.tmpl", gin.H{
diff --git a/templates/view.tmpl b/templates/view.tmpl
index 7ccefe7..255b598 100644
--- a/templates/view.tmpl
+++ b/templates/view.tmpl
@@ -47,12 +47,12 @@
 $( document ).ready(function() {
   var texi = document.getElementsByClassName("texi");
   Array.prototype.forEach.call(texi, function(el) {
-      katex.render(el.getAttribute("data-expr"), el, { displayMode: true });
+      katex.render(el.getAttribute("data-expr"), el, { displayMode: false });
   });
 
   var texp = document.getElementsByClassName("texp");
   Array.prototype.forEach.call(texp, function(el) {
-      katex.render(el.getAttribute("data-expr"), el, { displayMode: false });
+      katex.render(el.getAttribute("data-expr"), el, { displayMode: true });
   });
 
 });
diff --git a/utils.go b/utils.go
index ce7436c..99cdbce 100644
--- a/utils.go
+++ b/utils.go
@@ -23,6 +23,8 @@ You can also write your notes in [Markdown](https://daringfireball.net/projects/
 
 If you are writing a list and you want to tick off things really easily, just add ` + "`" + `/list` + "`" + `. For example, after editing [` + "`" + `/grocery` + "`" + `](/grocery), goto [` + "`" + `/grocery/list` + "`" + `](/grocery/list). In this page, whatever you click on will be striked through and moved to the end. This is helpful if you write a grocery list and then want to easily delete things from it.
 
+Math is supported using [Katex](https://github.com/Khan/KaTeX). Simple
+
 Be cautious about writing sensitive information in the notes as anyone with the URL has access to it. For more information, or if you'd like to edit the code, [use the github](https://github.com/schollz/cowyo).