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

Unified Diff: LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line-hanging.html

Issue 224723023: Implements hanging property for text-indent from CSS3 (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Update description Created 6 years, 8 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/css3-text/css3-text-indent/text-indent-each-line-hanging.html
diff --git a/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line.html b/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line-hanging.html
similarity index 52%
rename from LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line.html
rename to LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line-hanging.html
index 0e1b3aaa373533d4866986eb24b12cc0a974b1b9..1b6730ba375e22b7bd4a99062542444fd7775ebe 100644
--- a/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line.html
+++ b/LayoutTests/fast/css3-text/css3-text-indent/text-indent-each-line-hanging.html
@@ -4,7 +4,9 @@
<style>
div { width:80px; font: 10px Ahem; background-color:lightgray; }
.normal { text-indent: 4em; }
- .eachline { width:80px; text-indent: 4em each-line; }
+ .eachline { text-indent: 4em each-line; }
+ .hanging { text-indent: 4em hanging; }
+ .eachlinehanging { text-indent: 4em each-line hanging; }
.indent { color: blue; }
</style>
</head
@@ -16,7 +18,7 @@ all blue boxes should be right-aligned.
<!-- normal text-indent -->
<div class="normal">
-<span class="indent">xxxx</span><br>xxxx<br>xxxx
+<span class="indent">xxxx</span> xxxx<br>xxxx
</div>
<br>
<!-- each-line with a soft wrap break -->
@@ -33,5 +35,25 @@ all blue boxes should be right-aligned.
<div class="eachline">
<span class="indent">xxxx</span> xxxx<br><span class="indent">xxxx</span>
</div>
+<br>
+<!-- normal text-indent with hanging -->
+<div class="hanging">
+xxxx <span class="indent">xxxx</span><br><span class="indent">xxxx</span>
+</div>
+<br>
+<!-- each-line and hanging with a soft wrap break -->
+<div class="eachlinehanging">
+xxxx <span class="indent">xxxx</span> <span class="indent">xxxx</span>
+</div>
+<br>
+<!-- each-line and hanging with a forced line break -->
+<div class="eachlinehanging">
+xxxx<br>xxxx<br>xxxx
+</div>
+<br>
+<!-- each-line and hanging with a soft wrap break and a forced line break -->
+<div class="eachlinehanging">
+xxxx <span class="indent">xxxx</span><br>xxxx
+</div>
</body>
</html>

Powered by Google App Engine
This is Rietveld 408576698