haikuwebkit/LayoutTests/fast/shapes/shape-outside-floats/shape-overflow-hidden.html

20 lines
1.4 KiB
HTML

<!doctype html>
<html>
<head>
<style>
.logo {
width: 6em;
height: 6em;
background-color: gray;
float: left;
-webkit-shape-outside: inset(1em 0px 0px 0px);
}
p { overflow: hidden; }
</style>
</head>
<body>
<div class="logo"></div>
<p>This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box. This paragraph should be next to the grey box.</p>
</body>
</html>