added display property tests

liabru · Jul 3, 2014 · 5dafa0c · 5dafa0c
1 parent 9a8944b
commit 5dafa0c
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/test.css b/test.css
@@ -249,4 +249,26 @@ a, a:link, a:visited, a:active, a:hover {
 .test-hidden .hidden-items > .item-1,
 .test-hidden .hidden-items > .item-3 {
  visibility: hidden;
+}
+
+/* test display */
+
+.display-items .item-0 {
+ display: block;
+ height: 50px;
+}
+
+.display-items .item-1 {
+ display: inline;
+ height: 100px;
+}
+
+.display-items .item-2 {
+ display: inline-block;
+ height: 150px;
+}
+
+.display-items .item-3 {
+ display: table-cell;
+ height: 200px;
 }
diff --git a/test.html b/test.html
@@ -217,6 +217,21 @@ <h3>data-mh="items-b"</h3>
  </div>
  </div>
 
+ <div class="items-container display-items">
+ <div class="item item-0">
+ <p>display: block</p>
+ </div>
+ <div class="item item-1">
+ <p>display: inline</p>
+ </div>
+ <div class="item item-2">
+ <p>display: inline-block</p>
+ </div>
+ <div class="item item-3">
+ <p>display: table-cell</p>
+ </div>
+ </div>
+
  <div class="items-container hidden-items">
  <div class="item item-0">
  <p>display: none</p>