third_party/WebKit/LayoutTests/css2.1/20110323/inline-replaced-width-015.htm - Issue 2827713002: Delete duplicated LayoutTests from css2.1/20110323

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/css2.1/20110323/inline-replaced-width-015.htm

Issue 2827713002: Delete duplicated LayoutTests from css2.1/20110323 (Closed)

Patch Set: Created 3 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 unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/css2.1/20110323/inline-replaced-width-014.htm ('k') | third_party/WebKit/LayoutTests/css2.1/20110323/inline-table-002a.htm » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.dtd">

2 <html lang="en">

3 <head>

4 <title>CSS Test: Replaced inline elements wrapping around floats (% widths)</t itle>

5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">

6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/0 05.html" type="text/html">

7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced -width">

8 <style type="text/css">

9 div.test { width: 300px; height: 200px; background: red; position: relative; }

10 div.inner { width: 300px; height: 100px; background: lime; }

11 div p { width: 125%; height: 100px; } /* 375px */

12 img { vertical-align: bottom; }

13 img.float { float: left; height: 100px; width: 100px; }

14 img.flow { width: 80%; height: 100px; } /* 300px */

15 span { position: absolute; bottom: 0; left: 0; background: lime; height: 100p x; width: 300px; }

16 </style>

17 </head>

18 <body>

19 <p>There should be no red below, just two 300x200 pixel lime rectangles.</p>

20 <div class="test a">

21 <div class="inner">

22 <p>

23 <img src="resources/1x1-lime.png" alt="" class="float">

24 <img src="resources/1x1-lime.png" alt="Image support required for this test " class="flow">

25 </p>

26 </div>

27 </div>

28 <div class="test b">

29 <div class="inner">

30 <p>

31 <img src="resources/1x1-lime.png" alt="" class="float">

32 <img src="resources/1x1-red.png" alt="Image support required for this test" class="flow">

33 <span></span>

34 </p>

35 </div>

36 </div>

37 </body>

38 </html>

OLD	NEW