Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / table / vertical-align-baseline.html
blob: 7c99bf681f0d5c58e950b501874a6032fd62c02c [file] [log] [blame]
<!DOCTYPE html>
<style>
.float { float: left; width: 25px; height: 30px; background-color: lightgreen; }
</style>
<table border>
<tr>
<td style="vertical-align: baseline; height: 400px;">
Lorem
</td>
<td style="vertical-align: baseline;">
ipsum <span style="font-size: 36px;">dolor</span>
</td>
<td style="vertical-align: baseline;">
<div>sit</div>
</td>
<td style="vertical-align: baseline;">
<div style="background-color: lightblue; width: 50px; height: 100px;">amet</div>
</td>
<td style="vertical-align: baseline; width: 60px;">
consec
<div style="width: 60px; height: 50px; position: absolute; top: 0; background-color: lightyellow;">P</div>
</td>
<td style="vertical-align: baseline;">
<table border style="-webkit-border-vertical-spacing: 10px;">
<tr>
<td style="padding-top: 5px; border-top: 10px solid blue; border-bottom: 5px solid blue; vertical-align: baseline;">tetuer<br>adipiscing.</td>
</tr>
</table>
</td>
<td style="vertical-align: baseline; width: 60px;">
<div style="width: 60px; height: 50px; position: absolute; background-color: lightyellow;">P</div>
</td>
<td style="vertical-align: baseline;">
<div style="background-color: lightpink; width: 50px; height: 100px;"></div>
</td>
<td style="vertical-align: baseline;">
<table border cellpadding="5">
<tr style="height: 80px;">
<td style="padding-top: 15px; border-top: 10px solid blue; border-bottom: 5px solid blue; vertical-align: bottom;"><div style="background-color: lightpink;">Lorem</div></td>
</tr>
<tr>
<td>ipsum</td>
</tr>
</table>
dolor sit<br>amet.
</td>
<td style="vertical-align: baseline; width: 60px;">
<div class="float">F1</div>
<div class="float">F2</div>
<div class="float">F3</div>
</td>
</tr>
</table>