diff --git a/views/tutorial/html/2.erb b/views/tutorial/html/2.erb
index d961736c..c32fc741 100644
--- a/views/tutorial/html/2.erb
+++ b/views/tutorial/html/2.erb
@@ -1,25 +1,24 @@
 <div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg2.png);">
-  <div class="dialogue" style="left: 50px; top: 50px;">
-    All you need to build your first site is a computer language called HTML.
+  <div class="dialogue" style="left: 25px; top: 25px; width: 250px">
+    <p>All you need to build your first site is a computer language called HTML.</p><p>HTML is made of tags - there's usually an opening tag and a closing tag, with content in between them.</p>
   </div>
   <div class="dialogue" style="left: 370px; top: 0px;">
     And here's some HTML, right in this box! Let's make a change. Replace Hello World with Victoria's Website, and click save!
   </div>
-  <div class="dialogue" style="left: 390px; top: 230px;">
-    You'll see the results here.
-    Make sure to check the green boxes below for important bonus info!
+  <div class="dialogue" style="left: 370px; top: 230px;">
+    <p>You'll see the results here.</p>
+    <p>Make sure to check the green boxes below for important bonus info!</p>
   </div>
   <div class="dialogue">
   </div>
 </div>
 
 <div class="welcome">
-  <h4>Opening and Closing Tags</h4>
-  <p>HTML is just a bunch of tags. There's usually an opening tag and a closing tag, with content between them like this:</p>
+  <h4>Welcome to HTML!</h4>
+  <p>HTML stands for <strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage. 
+    Hypertext refers to text that has links, and markup refers to the tags.</p>
 
-  <pre>tag Content visible on your site /tag</pre>
-
-  <p>Don't worry if this seems confusing - you'll get the hang of it after a few more examples! If you ever get stuck, click the <strong>Help</strong> link below.</p>
+  <p>Don't worry if anything seems confusing - you'll get the hang of it once you try coding! If you ever get stuck, click the <strong>Help</strong> link below.</p>
 </div>
 
 <script>
diff --git a/views/tutorial/html/3.erb b/views/tutorial/html/3.erb
index 2fc4715b..f50093c0 100644
--- a/views/tutorial/html/3.erb
+++ b/views/tutorial/html/3.erb
@@ -4,10 +4,10 @@
     Check out your site at <a href="">victoria.neocities.org</a>. 
     You did it!
   </div>
-  <div class="dialogue" style="left: 300px; top: 10px;">
-    But... hm... it needs a little something more. Let's make your name a header by putting header tags around it. 
+  <div class="dialogue" style="left: 300px; top: 20px; width: 250px">
+    But... hm... it needs a little something more. Let's make your name a heading by putting a Heading Level 1 tag around it. 
   </div>
-  <div class="dialogue" style="left: 330px; top: 130px;">
+  <div class="dialogue" style="left: 330px; top: 140px; width: 250px">
     Change the text to this: [h1]Victoria's Website[/h1]
     and click save.
   </div>
@@ -15,7 +15,7 @@
 
 <div class="welcome">
   <h4>Heading Tags</h4>
-  <p>Here are all the header tags, for all your needs—from the most important to the least!</p>
+  <p>Here are all the heading tags, for all your needs—from the most important to the least!</p>
 
   <pre>
     <h1></h1>
diff --git a/views/tutorial/html/4.erb b/views/tutorial/html/4.erb
index 6061159e..e3f25b4d 100644
--- a/views/tutorial/html/4.erb
+++ b/views/tutorial/html/4.erb
@@ -1,6 +1,6 @@
 <div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg4.png);">
   <div class="dialogue">
-    Now let's add a line of text below—perhaps "Welcome to my website" or your favorite quote.
+    Now let's add a paragraph of text below the heading. Perhaps "Welcome to my website" or your favorite quote.
   </div>
   <div class="dialogue" style="left: 300px; top: 0px">
     To make a paragraph, surround your text with the [p] tag. So it should look something like 
diff --git a/views/tutorial/html/5.erb b/views/tutorial/html/5.erb
index 4a381dcb..8f6e4b87 100644
--- a/views/tutorial/html/5.erb
+++ b/views/tutorial/html/5.erb
@@ -1,8 +1,8 @@
-<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg5.png);">
+<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg5.png); margin-top: 3em">
   <div class="dialogue">
     You're writing HTML! You're doing it! Everything you need to know is just another tag!
   </div>
-  <div class="dialogue" style="top: 0; width: 350px">
+  <div class="dialogue" style="top: -20px; width: 320px">
     <p>For example, links look like this:</p>
 
     <p>[a href="http://neocities.org"]Check out Neocities![/a]</p>
diff --git a/views/tutorial/html/7.erb b/views/tutorial/html/7.erb
index 58a83664..242ec6fb 100644
--- a/views/tutorial/html/7.erb
+++ b/views/tutorial/html/7.erb
@@ -10,8 +10,8 @@
   <div class="dialogue">
     First, add a list to your page, but replace my favorite activities with your own! 
   </div>
-  <div class="dialogue" style="left: 340px; top: 140px;">
-    Second, put an h2 header above the list with some kind of title like "Interests."
+  <div class="dialogue" style="left: 380px; top: 140px;">
+    Second, put an h2 header above the list with some kind of title, like "Interests."
   </div>
 </div>