Index: LayoutTests/fast/css/text-align-positioned-inside-table-cell.html |
diff --git a/LayoutTests/fast/css/text-align-positioned-inside-table-cell.html b/LayoutTests/fast/css/text-align-positioned-inside-table-cell.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7f27a04226b937c94f368c9f4d9cc8a48e36db81 |
--- /dev/null |
+++ b/LayoutTests/fast/css/text-align-positioned-inside-table-cell.html |
@@ -0,0 +1,56 @@ |
+<!DOCTYPE HTML> |
+<html lang="en"> |
+<style> |
+tr td { |
+ position: relative; |
+ width: 100px; |
+ background-color: #dea; |
+ padding: 5px 0px 5px 0px; |
+} |
+ |
+tr td span { |
+ position: absolute; |
+ top: 7px; |
+} |
+ |
+tr td.dummy { background-color: #ead; } |
+tr td.dummy span { position: static; } |
+ |
+.left { text-align: left; } |
+.right { text-align: right; } |
+.center { text-align: center; } |
+.start { text-align: start; } |
+.end { text-align: end; } |
+</style> |
+</head> |
+<body> |
+<title>Test case for text-align for positioned text inside table cells</title> |
+ |
+<p>Test case to check that absolutely positioned text inside table |
+cells with 'relative' positioning are rendered inside the cells</p> |
+ |
+<h1 style="font-size: 1em;">Checking different alignments for Left-To-Right text:</h1> |
+<table> |
+ <tr> |
+ <td class="dummy"><span>static text</span></td> |
+ <td class="left"><span>One</span></td> |
+ <td class="right"><span>Two</span></td> |
+ <td class="center"><span>Three</span></td> |
+ <td class="start"><span>Four</span></td> |
+ <td class="end"><span>Five</span></td> |
+ </tr> |
+</table> |
+ |
+<h1 style="font-size: 1em;">Checking different alignments for Right-To-Left text:</h1> |
+<table dir="rtl"> |
+ <tr> |
+ <td class="left"><span>One</span></td> |
+ <td class="right"><span>Two</span></td> |
+ <td class="center"><span>Three</span></td> |
+ <td class="start"><span>Four</span></td> |
+ <td class="end"><span>Five</span></td> |
+ <td class="dummy"><span>static text</span></td> |
+ </tr> |
+</table> |
+</body> |
+</html> |