block-in-inline-vertical-align-001.html (796B)
1 <!DOCTYPE html> 2 <meta name="assert" content="Test `vertical-align` should not affect block-in-inline"> 3 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> 4 <link ref="match" href="block-in-inline-vertical-align-001-ref.html"> 5 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 6 <style> 7 div { 8 line-height: 20px; 9 } 10 </style> 11 <p>The numbers 1, 2 and 3 below should be in ascending order, from top to bottom, with no overlap.</p> 12 <div> 13 2 14 <span style="vertical-align: 20px;"> 15 1 16 </span> 17 </div> 18 <div>3</div> 19 <div> 20 <span style="vertical-align: 20px;"> 21 4 22 </span> 23 </div> 24 <div>5</div> 25 <div> 26 <span style="vertical-align: 20px;"> 27 6 28 </span> 29 </div> 30 <div>7</div> 31 <div> 32 <span style="vertical-align: 20px;"> 33 8 34 </span> 35 </div>