<!DOCTYPE html>
<html style="-webkit-writing-mode:vertical-lr">
<head>
<title>Too many lines affected by float</title>
<style>
.container {
  margin: 0;
  height: 10em;
  font: 16px/1 Times;
}
.float {
  float: left;
  height: 3em;
  width: 3.6em;
}
p {
  margin: 0;
  line-height: 1.2em;
}
</style>
</head>
<body>
<p> webkit.org/b/112744 : Only the first three lines below should be right-aligned. </p>
<div class="container">
  <div class="float"></div>
  <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>
</body>
</html>