blob: 6d899b14876db61df72234a2e5b052e980050484 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>This tests li inside ul with word-break: break-word.</title>
<style>
.container {
display: inline-block;
word-break : break-word;
border: 1px solid green;
font-size: 20px;
width: 80px;
}
ul {
word-break : break-word;
}
</style>
</head>
<body>
<div class=container>
<div><li>foobarfoobar</li></div>
<ul><li>foobarfoobar</li></ul>
</div>
<div class=container>
<div><li>foobar-foobar</li></div>
<ul><li>foobar-foobar</li></ul>
</div>
<br>
<div class=container>
<div><li>foobarfoo bar</li></div>
<ul><li>foobarfoo bar</li></ul>
</div>
<div class=container>
<div style="width: 40px"><li>foobarfoobar</li></div>
<ul><li style="width: 20px">foobarfoobar</li></ul>
</div>
<br>
<div class=container>
<div><li>foobarfoobar</li></div>
<ul style="list-style: inside"><li>foobarfoobar</li></ul>
</div>
<div class=container>
<div><li>foobarfoobar</li></div>
<ul style="list-style: none"><li>foobarfoobar</li></ul>
</div>
<body>
</html>