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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html

Issue 1635203002: Apply text indent if the text direction matches the text alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 .container {
4 position: relative;
5 text-align: left;
6 text-indent: -100px;
7 height: 50px;
8 width: 200px;
9 border: solid;
10 font: 10px Ahem;
11 }
12 .rtl {
13 direction: rtl;
14 text-align: right;
15 }
16
17 span {
18 position: absolute;
19 }
20 </style>
21 <script src="../../../resources/check-layout.js"></script>
22 <p>crbug.com/568851: text-indent should be applied to leading statically positio ned out-of-flow objects.</p>
23 <div class="container">
24 <span data-offset-x=-100>Text</span>
25 </div>
26 <div class="container">
27 <span data-offset-x=-100 style="display:inline-block;">Text</span>
28 </div>
29 <div class="container">
30 Text<span data-offset-x=-60 style="display:inline-block;">Text</span>
31 </div>
32 <div class="container">
33 Text<br><span data-offset-x=0 style="display:inline-block;">Text</span>
34 </div>
35 <div class="container">
36 Text Text Text Text Text
37 Text<span data-offset-x=190 style="display:inline-block;">Text</span>
38 </div>
39 <div class="container">
40 <span data-offset-x=-100>Text</span>
41 </div>
42 <div class="container">
43 Text<span data-offset-x=-60>Text</span>
44 </div>
45 <div class="container">
46 Text<br><span data-offset-x=0>Text</span>
47 </div>
48 <div class="container">
49 Text Text Text Text Text
50 Text<span data-offset-x=190>Text</span>
51 </div>
52
53 <div class="container rtl">
54 <span data-offset-x=300>Text</span>
55 </div>
56 <div class="container rtl">
57 <span data-offset-x=300 style="display:inline-block;">Text</span>
58 </div>
59 <div class="container rtl">
60 Text<span data-offset-x=260 style="display:inline-block;">Text</span>
61 </div>
62 <div class="container rtl">
63 Text<br><span data-offset-x=200 style="display:inline-block;">Text</span>
64 </div>
65 <div class="container">
66 Text Text Text Text Text Text Text Text Text Text Text Text
67 Text<span data-offset-x=140 style="display:inline-block;">Text</span>
68 </div>
69 <div class="container rtl">
70 <span data-offset-x=300>Text</span>
71 </div>
72 <div class="container rtl">
73 Text<span data-offset-x=260>Text</span>
74 </div>
75 <div class="container rtl">
76 Text<br><span data-offset-x=200>Text</span>
77 </div>
78 <div class="container">
79 Text Text Text Text Text Text Text Text Text Text Text Text
80 Text<span data-offset-x=140>Text</span>
81 </div>
82 <script>
83 checkLayout(".container");
84 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698