summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1127107-1a-nowrap.html
blob: 0dcf27d0a1fb28091d1ea848dc5497e243f7b9ec (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
  <style>
    div.test {
      /* Author expects this to prevent wrapping, and may add
         "overflow:hidden;text-overflow:ellipsis" for nice effect: */
      white-space: nowrap;

      /* BUT these (combined) seem to allow wrapping: */
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
      word-break: break-all;

      width: 200px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <div class="test">
    Does this text wrap? Does this text wrap? Does this text wrap?
    Does this text wrap?
  </div>
</body>
</html>