diff --git a/css/style.css b/css/style.css
index 0b74aa0..6fa847e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,6 +27,10 @@ a:active {
   color: #6C8C84;
 }
 
+img {
+  border: none;
+}
+
 h1#header {
   position: relative;
   height: 50px;
@@ -168,8 +172,11 @@ table#reference td {
   padding: 0;
 }
 
-#reference ul, ol, blockquote {
+#reference ul, 
+#reference ol, 
+#reference blockquote {
   margin: 0;
+  padding-left: 0;
 }
 
 #reference h1,
diff --git a/image/logo.png b/image/logo.png
new file mode 100644
index 0000000..a3c2803
Binary files /dev/null and b/image/logo.png differ
diff --git a/index.html b/index.html
index 184572c..749a2e8 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
     </script>
   </head>
   <body>
-    <h1 id="header">Markdown Live Preview</h1>
+    <h1 id="header"><a href="./"><img src="image/logo.png" width="315" height="22" alt="Markdown Live Preview"></a></h1>
     <div id="container">
 
       <div id="leftColumn">
diff --git a/js/main.js b/js/main.js
index 20932f0..7b5a26e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,5 +1,5 @@
 var example = [
-  "# hello, This is Markdown Live Previewer",
+  "# hello, This is Markdown Live Preview",
   "",
   "----",
   "## what is Markdown?",
