<!DOCTYPE html>
<head>
<title>Test to check that ellipsis in free space is moving with text.</title>
<style>
#text {
  width: 80px;
  margin: 0 auto; 
}
h2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>
</head>
<body onload="run()">
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner)
  testRunner.waitUntilDone();

function run() {
  var place = document.getElementById('place');
  runAfterLayoutAndPaint(function() {
    place.setAttribute("style","width: 200px");
  }, true);
}
</script>
<div id="main" style="width: 500px">
<div id="place" style="width: 100px">
<div id="text">
<h2>test1 test2 test3</h2>
</div>
</div>
</div>

</body>
</html>