third_party/WebKit/LayoutTests/fast/inline/inline-continuation-borders.html

   1 <!DOCTYPE html>
   2 <head>
   3 <style>
   4 div { margin: 1em 0; }
   5 </style>
   6 </head>
   7 <body>
   8
   9 <div>
  10
  11 <div>
  12 <p>LTR</p>
  13
  14 <span style="padding: 0 20px; background: green; border: 2px solid red">aaa<div>bbb</div>ccc</span>
  15 </div>
  16
  17 <hr>
  18
  19 <div>
  20 <p>LTR, empty inline after.</p>
  21
  22 <span style="padding: 0 20px; background: green; border: 2px solid red">aaa<div>bbb</div></span>
  23 </div>
  24
  25 <hr>
  26
  27 <div>
  28 <p>
  29 LTR, empty inline before.</p>
  30
  31 <span style="padding: 0 20px; background: green; border: 2px solid red"><div>bbb</div>ccc</span>
  32 </div>
  33
  34 <hr>
  35
  36 <div>
  37 <p>LTR, empty inline before and after.</p>
  38
  39 <span style="padding: 0 20px; background: green; border: 2px solid red"><div>bbb</div></span>
  40 </div>
  41
  42 </div>
  43
  44 <hr>
  45
  46 <div style="direction:rtl">
  47
  48 <div>
  49 <p>RTL</p>
  50
  51 <span style="padding: 0 20px; background: green; border: 2px solid red">aaa<div>bbb</div>ccc</span>
  52 </div>
  53
  54 <hr>
  55
  56 <div>
  57 <p>RTL, empty inline after.</p>
  58
  59 <span style="padding: 0 20px; background: green; border: 2px solid red">aaa<div>bbb</div></span>
  60 </div>
  61
  62 <hr>
  63
  64 <div>
  65 <p>RTL, empty inline before.</p>
  66
  67 <span style="padding: 0 20px; background: green; border: 2px solid red"><div>bbb</div>ccc</span>
  68 </div>
  69
  70 <hr>
  71
  72 <div>
  73 <p>RTL, empty inline before and after.</p>
  74
  75 <span style="padding: 0 20px; background: green; border: 2px solid red"><div>bbb</div></span>
  76
  77 </div>
  78 </div>