diff --git a/src/test/html/lineheight-simple.css b/src/test/html/lineheight-simple.css
index bd8510f8061..6baa2fa488a 100644
--- a/src/test/html/lineheight-simple.css
+++ b/src/test/html/lineheight-simple.css
@@ -5,6 +5,6 @@
 
 #larger2 {
 	font-size: 30px;
-	line-height: 1;
+	line-height: 3;
 }
 
diff --git a/src/test/html/lineheight-simple.html b/src/test/html/lineheight-simple.html
index ed18ccdac80..f9c748da88b 100644
--- a/src/test/html/lineheight-simple.html
+++ b/src/test/html/lineheight-simple.html
@@ -5,6 +5,6 @@
 </head>
 <body>
 <div>Regular font <span id="larger1">Even larger with line-height 2</span></div>
-<div id="larger2">Large line 2!</div>
+<div id="larger2">line-height 3!</div>
 </body>
 </html>
diff --git a/src/test/html/vertical_align_simple.html b/src/test/html/vertical_align_simple.html
new file mode 100644
index 00000000000..a33ca2135ad
--- /dev/null
+++ b/src/test/html/vertical_align_simple.html
@@ -0,0 +1,24 @@
+<html>
+    <head>
+    </head>
+    <body>
+        <p>
+        [test1] <b style="font-size:20px">baseline</b><img src="test.jpeg"></img>
+        </p>
+        <p>
+        [test2] <b style="font-size:20px; vertical-align:top">vertical-align:top</b><img src="test.jpeg"></img>
+        </p>
+        <p>
+        [test3] <b style="font-size:20px; vertical-align:middle">vertical-align:middle</b><img src="test.jpeg"></img>
+        </p>
+        <p>
+        [test4] <b style="font-size:20px; vertical-align:bottom">vertical-align:bottom</b><img src="test.jpeg"></img>
+        </p>
+        <p>
+        [test5] <b style="font-size:20px;">img=>text-top</b><img src="test.jpeg" style="vertical-align: text-top;"></img>
+        </p>
+        <p>
+        [test6] <b style="font-size:20px;">img=>text-bottom</b><img src="test.jpeg" style="vertical-align: text-bottom;"></img>
+        </p>
+    </body>
+</html>
