<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Bug 1069519 - Ruby line height calculation</title>
  <link rel="stylesheet" href="common.css">
  <script type="text/javascript" src="utils.js"></script>
</head>
<body style="line-height: 1">
  <div id="base">
    <span id="inline">base</span>
    <span id="text1" style="font-size: 80%; color: transparent">text</span>
    <span id="text2" style="font-size: 50%; color: transparent">text</span>
  </div>
  next line
  <script>
    // Simulate the behavior of ruby layout.
    var base = document.getElementById('base');
    makeBSizeMatchInlineBox(base, document.getElementById('inline'));
    base.style.paddingTop = getBSize(document.getElementById('text1'));
    base.style.paddingBottom = getBSize(document.getElementById('text2'));
  </script>
</body>
</html>