blob: 1370089f8b0cdd40b7287027011e724a962ad23b [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<style>
ul > li { float: right; background: skyblue; }
ul > li > a { display: block; margin: 10.5px; text-decoration: none; }
</style>
</head>
<body>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet</a></li>
<li><a href="#">consectetur adipiscing elit</a></li>
</ul>
Links to the right should not wrap.
<script>
var elements = document.getElementsByTagName('li');
function getItemHeight(i)
{
return elements[i].getBoundingClientRect().top;
}
if (getItemHeight(0) == getItemHeight(1) && getItemHeight(0) == getItemHeight(2))
testPassed('All list items are on the same line');
else
testFailed('Expected all list items to be on the same line.');
</script>
</body>
</html>