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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/alignment/alignment-and-anomymous-boxes-expected.html

Issue 2913093002: Revert of [css-align] Don't resolve 'auto' values for computed style. (Closed)
Patch Set: Created 3 years, 6 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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <style> 3 <style>
4 .container { 4 .container {
5 background: grey; 5 background: grey;
6 width: 200px; 6 width: 200px;
7 height: 100px; 7 height: 100px;
8 } 8 }
9 .grid { display: grid; } 9 .grid { display: grid; }
10 .flex { display: flex; } 10 .flex { display: flex; }
11 .selfCenter { 11 .itemsCenter {
12 align-self: center; 12 align-items: center;
13 justify-self: center; 13 justify-items: center;
14 } 14 }
15 </style> 15 </style>
16 16
17 <p>Grid item created as anonymous box to contain the text element. The text elem ent should be centered in both axis due to the Default Alignment 'center' value on its container.</p> 17 <p>Grid item created as anonymous box to contain the text element. The text elem ent should be centered in both axis due to the Default Alignment 'center' value on its container.</p>
18 <div class="container grid"> 18 <div class="container grid itemsCenter">
19 <div class="selfCenter">foobar</div> 19 <div>foobar</div>
20 </div> 20 </div>
21 21
22 <p>Flex item created as anonymous box to contain the text element. The text elem ent should be centered in cross axis due to the Default Alignment 'center' value on its container.</p> 22 <p>Flex item created as anonymous box to contain the text element. The text elem ent should be centered in both axis due to the Default Alignment 'center' value on its container.</p>
23 <div class="container flex"> 23 <div class="container flex itemsCenter">
24 <div class="selfCenter">foobar</div> 24 <div>foobar</div>
25 </div> 25 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698