<!DOCTYPE html>
<html>
<head>
<meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-16">
<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>
