Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(629)

Unified Diff: LayoutTests/fast/css/text-align-positioned-inside-table-cell.html

Issue 150403003: Consider text alignment and direction when computing the left offset for horizontal writing modes. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@issue313593
Patch Set: Rebased patch against master Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/platform/linux/fast/css/text-align-positioned-inside-table-cell-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698