blob: 087e3391468711c44810ab3ae3c191474797e8dc [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>This tests li inside ul with word-break: break-word.</title>
<style>
.container {
display: inline-block;
border: 1px solid green;
font-size: 20px;
width: 80px;
}
</style>
</head>
<body>
<div class=container>
<div><li>foobarf oobar</li></div>
<ul><li>foob arfo obar</li></ul>
</div>
<div class=container>
<div><li>foobar-foobar</li></div>
<ul><li>foob ar-foob ar</li></ul>
</div>
<br>
<div class=container>
<div><li>foobarf oo bar</li></div>
<ul><li>foob arfo o bar</li></ul>
</div>
<div class=container>
<div style="width: 40px"><li>fo obar foob ar</li></div>
<ul><li style="width: 20px">fo ob ar fo ob ar</li></ul>
</div>
<br>
<div class=container>
<div><li>foobarf oobar</li></div>
<ul style="list-style: inside"><li>fo obar foob ar</li></ul>
</div>
<div class=container>
<div><li>foobarf oobar</li></div>
<ul style="list-style: none"><li>foob arfo obar</li></ul>
</div>
<body>
</html>